@api-client/ui 0.5.55 → 0.5.57

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 (7) hide show
  1. package/build/src/md/list/internals/ListItem.styles.js +1 -1
  2. package/build/src/md/list/internals/ListItem.styles.js.map +1 -1
  3. package/build/src/styles/m3/tokens.css +33 -33
  4. package/build/tsconfig.tsbuildinfo +1 -1
  5. package/package.json +1 -1
  6. package/src/md/list/internals/ListItem.styles.ts +1 -1
  7. package/src/styles/m3/tokens.css +33 -33
package/build/src/md/list/internals/ListItem.styles.js CHANGED
@@ -155,7 +155,7 @@ export default css `
155
155
  gap: 8px;
156
156
  }
157
157
 
158
- :host slot[name='end']::slotted(*) {
158
+ :host slot[name='end']::slotted(:not(ui-button):not(ui-checkbox):not(ui-switch)) {
159
159
  color: var(--md-sys-color-on-surface-variant);
160
160
  fill: var(--md-sys-color-on-surface-variant);
161
161
  }
package/build/src/md/list/internals/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","sourceRoot":"","sources":["../../../../../src/md/list/internals/ListItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoNjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n outline: none;\n cursor: default;\n position: relative;\n\n color: var(--md-sys-color-on-surface);\n\n --md-focus-ring-shape-end-end: 8px;\n --md-focus-ring-shape-end-start: 8px;\n --md-focus-ring-shape-start-end: 8px;\n --md-focus-ring-shape-start-start: 8px;\n }\n\n :host([disabled]) {\n pointer-events: none;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .surface {\n height: inherit;\n box-sizing: border-box;\n\n display: flex;\n align-items: center;\n overflow: hidden;\n padding: 8px 16px 8px 16px;\n\n gap: 16px;\n height: 56px;\n }\n\n :host([disabled]) .surface {\n background-color: color-mix(in srgb, var(--md-sys-color-on-surface), transparent 96%);\n }\n\n :host([disabled]) .surface,\n :host([disabled]) .headline,\n :host([disabled]) .supporting-text {\n color: color-mix(in srgb, var(--md-sys-color-on-surface), transparent 36%);\n }\n\n :host([image='image']) .surface,\n .surface.two-lines {\n height: 72px;\n }\n\n :host([image='video']) .surface,\n .surface.three-lines {\n height: 88px;\n }\n\n .ripple {\n z-index: 3;\n }\n\n :host([image='video']) .surface {\n /* The spec says the right padding is 24px but counting from the checkbox check border.\n This does not include spacing presented by the checkbox itself (18 box, 40px state layer)\n */\n padding: 12px 16px 12px 0px;\n }\n\n .headline {\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n line-height: var(--md-sys-typescale-body-large-height);\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n display: flex;\n align-items: center;\n }\n\n .supporting-text {\n color: var(--md-sys-color-on-surface-variant);\n\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n line-height: var(--md-sys-typescale-body-medium-height);\n\n overflow: hidden;\n }\n\n .supporting-text ::slotted(*),\n slot[name='end-text']::slotted(*) {\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n\n slot[name='end-text']::slotted(*) {\n /* this is to make up to the 24px right padding defined in the spec. */\n margin-right: 8px;\n }\n\n :host([lines='three']) .supporting-text {\n height: calc(2 * var(--md-sys-typescale-body-medium-height, 1.1));\n }\n\n :host([lines='three']) .supporting-text ::slotted(*) {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n :host([lines='two']) .supporting-text ::slotted(*) {\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .trailing-supporting-text {\n color: var(--md-sys-color-on-surface-variant);\n\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n line-height: var(--md-sys-typescale-body-small-height);\n }\n\n .start {\n display: contents;\n }\n\n .start.has-start {\n align-self: stretch;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .end {\n display: contents;\n }\n\n .end.has-end,\n .end.has-end-text {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n :host slot[name='end']::slotted(*) {\n color: var(--md-sys-color-on-surface-variant);\n fill: var(--md-sys-color-on-surface-variant);\n }\n\n :host slot[name='start']::slotted(*) {\n display: block;\n }\n\n :host([image='icon']) slot[name='start']::slotted(*) {\n width: 24px;\n height: 24px;\n }\n\n :host([image='avatar']) slot[name='start']::slotted(*) {\n width: 40px;\n height: 40px;\n }\n\n :host([image='image']) slot[name='start']::slotted(*) {\n width: 56px;\n height: 56px;\n }\n\n :host([image='video']) slot[name='start']::slotted(*) {\n width: 114px;\n height: 64px;\n }\n\n .body {\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n :host(.highlight) .surface {\n background-color: var(--md-sys-color-tertiary-container);\n color: var(--md-sys-color-on-tertiary-container);\n }\n\n :host(.select) .surface {\n background-color: var(--md-sys-color-secondary-container);\n color: var(--md-sys-color-on-secondary-container);\n }\n\n [name='overline'] {\n color: var(--md-sys-color-on-surface-variant);\n font-family: var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));\n font-size: var(--md-sys-typescale-label-small-size, 0.6875rem);\n font-weight: var(\n --md-sys-typescale-label-small-weight,\n var(--md-ref-typeface-weight-medium, 500) --md-ref-typeface-weight-medium is not defined\n );\n line-height: var(--md-sys-typescale-label-small-line-height, 1rem);\n }\n`\n"]}
1
+ {"version":3,"file":"ListItem.styles.js","sourceRoot":"","sources":["../../../../../src/md/list/internals/ListItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoNjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n outline: none;\n cursor: default;\n position: relative;\n\n color: var(--md-sys-color-on-surface);\n\n --md-focus-ring-shape-end-end: 8px;\n --md-focus-ring-shape-end-start: 8px;\n --md-focus-ring-shape-start-end: 8px;\n --md-focus-ring-shape-start-start: 8px;\n }\n\n :host([disabled]) {\n pointer-events: none;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .surface {\n height: inherit;\n box-sizing: border-box;\n\n display: flex;\n align-items: center;\n overflow: hidden;\n padding: 8px 16px 8px 16px;\n\n gap: 16px;\n height: 56px;\n }\n\n :host([disabled]) .surface {\n background-color: color-mix(in srgb, var(--md-sys-color-on-surface), transparent 96%);\n }\n\n :host([disabled]) .surface,\n :host([disabled]) .headline,\n :host([disabled]) .supporting-text {\n color: color-mix(in srgb, var(--md-sys-color-on-surface), transparent 36%);\n }\n\n :host([image='image']) .surface,\n .surface.two-lines {\n height: 72px;\n }\n\n :host([image='video']) .surface,\n .surface.three-lines {\n height: 88px;\n }\n\n .ripple {\n z-index: 3;\n }\n\n :host([image='video']) .surface {\n /* The spec says the right padding is 24px but counting from the checkbox check border.\n This does not include spacing presented by the checkbox itself (18 box, 40px state layer)\n */\n padding: 12px 16px 12px 0px;\n }\n\n .headline {\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n line-height: var(--md-sys-typescale-body-large-height);\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n display: flex;\n align-items: center;\n }\n\n .supporting-text {\n color: var(--md-sys-color-on-surface-variant);\n\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n line-height: var(--md-sys-typescale-body-medium-height);\n\n overflow: hidden;\n }\n\n .supporting-text ::slotted(*),\n slot[name='end-text']::slotted(*) {\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n\n slot[name='end-text']::slotted(*) {\n /* this is to make up to the 24px right padding defined in the spec. */\n margin-right: 8px;\n }\n\n :host([lines='three']) .supporting-text {\n height: calc(2 * var(--md-sys-typescale-body-medium-height, 1.1));\n }\n\n :host([lines='three']) .supporting-text ::slotted(*) {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n :host([lines='two']) .supporting-text ::slotted(*) {\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .trailing-supporting-text {\n color: var(--md-sys-color-on-surface-variant);\n\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n line-height: var(--md-sys-typescale-body-small-height);\n }\n\n .start {\n display: contents;\n }\n\n .start.has-start {\n align-self: stretch;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .end {\n display: contents;\n }\n\n .end.has-end,\n .end.has-end-text {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n :host slot[name='end']::slotted(:not(ui-button):not(ui-checkbox):not(ui-switch)) {\n color: var(--md-sys-color-on-surface-variant);\n fill: var(--md-sys-color-on-surface-variant);\n }\n\n :host slot[name='start']::slotted(*) {\n display: block;\n }\n\n :host([image='icon']) slot[name='start']::slotted(*) {\n width: 24px;\n height: 24px;\n }\n\n :host([image='avatar']) slot[name='start']::slotted(*) {\n width: 40px;\n height: 40px;\n }\n\n :host([image='image']) slot[name='start']::slotted(*) {\n width: 56px;\n height: 56px;\n }\n\n :host([image='video']) slot[name='start']::slotted(*) {\n width: 114px;\n height: 64px;\n }\n\n .body {\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n :host(.highlight) .surface {\n background-color: var(--md-sys-color-tertiary-container);\n color: var(--md-sys-color-on-tertiary-container);\n }\n\n :host(.select) .surface {\n background-color: var(--md-sys-color-secondary-container);\n color: var(--md-sys-color-on-secondary-container);\n }\n\n [name='overline'] {\n color: var(--md-sys-color-on-surface-variant);\n font-family: var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));\n font-size: var(--md-sys-typescale-label-small-size, 0.6875rem);\n font-weight: var(\n --md-sys-typescale-label-small-weight,\n var(--md-ref-typeface-weight-medium, 500) --md-ref-typeface-weight-medium is not defined\n );\n line-height: var(--md-sys-typescale-label-small-line-height, 1rem);\n }\n`\n"]}
package/build/src/styles/m3/tokens.css CHANGED
@@ -12,10 +12,10 @@ html {
12
12
  --md-sys-color-on-primary-light: rgb(255 255 255);
13
13
  --md-sys-color-primary-container-light: rgb(158 239 254);
14
14
  --md-sys-color-on-primary-container-light: rgb(0 79 88);
15
- --md-sys-color-secondary-light: rgb(0 104 116);
15
+ --md-sys-color-secondary-light: rgb(74 98 103);
16
16
  --md-sys-color-on-secondary-light: rgb(255 255 255);
17
- --md-sys-color-secondary-container-light: rgb(158 239 253);
18
- --md-sys-color-on-secondary-container-light: rgb(0 79 87);
17
+ --md-sys-color-secondary-container-light: rgb(205 231 236);
18
+ --md-sys-color-on-secondary-container-light: rgb(51 75 79);
19
19
  --md-sys-color-tertiary-light: rgb(83 94 125);
20
20
  --md-sys-color-on-tertiary-light: rgb(255 255 255);
21
21
  --md-sys-color-tertiary-container-light: rgb(218 226 255);
@@ -41,10 +41,10 @@ html {
41
41
  --md-sys-color-on-primary-fixed-light: rgb(0 31 36);
42
42
  --md-sys-color-primary-fixed-dim-light: rgb(130 211 225);
43
43
  --md-sys-color-on-primary-fixed-variant-light: rgb(0 79 88);
44
- --md-sys-color-secondary-fixed-light: rgb(158 239 253);
45
- --md-sys-color-on-secondary-fixed-light: rgb(0 31 36);
46
- --md-sys-color-secondary-fixed-dim-light: rgb(129 211 224);
47
- --md-sys-color-on-secondary-fixed-variant-light: rgb(0 79 87);
44
+ --md-sys-color-secondary-fixed-light: rgb(205 231 236);
45
+ --md-sys-color-on-secondary-fixed-light: rgb(5 31 35);
46
+ --md-sys-color-secondary-fixed-dim-light: rgb(177 203 208);
47
+ --md-sys-color-on-secondary-fixed-variant-light: rgb(51 75 79);
48
48
  --md-sys-color-tertiary-fixed-light: rgb(218 226 255);
49
49
  --md-sys-color-on-tertiary-fixed-light: rgb(15 26 55);
50
50
  --md-sys-color-tertiary-fixed-dim-light: rgb(187 198 234);
@@ -70,9 +70,9 @@ html {
70
70
  --md-sys-color-on-primary-light-hc: rgb(255 255 255);
71
71
  --md-sys-color-primary-container-light-hc: rgb(0 81 91);
72
72
  --md-sys-color-on-primary-container-light-hc: rgb(255 255 255);
73
- --md-sys-color-secondary-light-hc: rgb(0 50 55);
73
+ --md-sys-color-secondary-light-hc: rgb(23 48 52);
74
74
  --md-sys-color-on-secondary-light-hc: rgb(255 255 255);
75
- --md-sys-color-secondary-container-light-hc: rgb(0 81 90);
75
+ --md-sys-color-secondary-container-light-hc: rgb(53 77 81);
76
76
  --md-sys-color-on-secondary-container-light-hc: rgb(255 255 255);
77
77
  --md-sys-color-tertiary-light-hc: rgb(32 43 72);
78
78
  --md-sys-color-on-tertiary-light-hc: rgb(255 255 255);
@@ -99,9 +99,9 @@ html {
99
99
  --md-sys-color-on-primary-fixed-light-hc: rgb(255 255 255);
100
100
  --md-sys-color-primary-fixed-dim-light-hc: rgb(0 57 64);
101
101
  --md-sys-color-on-primary-fixed-variant-light-hc: rgb(255 255 255);
102
- --md-sys-color-secondary-fixed-light-hc: rgb(0 81 90);
102
+ --md-sys-color-secondary-fixed-light-hc: rgb(53 77 81);
103
103
  --md-sys-color-on-secondary-fixed-light-hc: rgb(255 255 255);
104
- --md-sys-color-secondary-fixed-dim-light-hc: rgb(0 57 63);
104
+ --md-sys-color-secondary-fixed-dim-light-hc: rgb(30 54 58);
105
105
  --md-sys-color-on-secondary-fixed-variant-light-hc: rgb(255 255 255);
106
106
  --md-sys-color-tertiary-fixed-light-hc: rgb(61 72 103);
107
107
  --md-sys-color-on-tertiary-fixed-light-hc: rgb(255 255 255);
@@ -127,9 +127,9 @@ html {
127
127
  --md-sys-color-on-primary-light-mc: rgb(255 255 255);
128
128
  --md-sys-color-primary-container-light-mc: rgb(25 120 133);
129
129
  --md-sys-color-on-primary-container-light-mc: rgb(255 255 255);
130
- --md-sys-color-secondary-light-mc: rgb(0 61 68);
130
+ --md-sys-color-secondary-light-mc: rgb(34 58 62);
131
131
  --md-sys-color-on-secondary-light-mc: rgb(255 255 255);
132
- --md-sys-color-secondary-container-light-mc: rgb(24 120 132);
132
+ --md-sys-color-secondary-container-light-mc: rgb(89 113 118);
133
133
  --md-sys-color-on-secondary-container-light-mc: rgb(255 255 255);
134
134
  --md-sys-color-tertiary-light-mc: rgb(42 53 83);
135
135
  --md-sys-color-on-tertiary-light-mc: rgb(255 255 255);
@@ -156,9 +156,9 @@ html {
156
156
  --md-sys-color-on-primary-fixed-light-mc: rgb(255 255 255);
157
157
  --md-sys-color-primary-fixed-dim-light-mc: rgb(0 94 105);
158
158
  --md-sys-color-on-primary-fixed-variant-light-mc: rgb(255 255 255);
159
- --md-sys-color-secondary-fixed-light-mc: rgb(24 120 132);
159
+ --md-sys-color-secondary-fixed-light-mc: rgb(89 113 118);
160
160
  --md-sys-color-on-secondary-fixed-light-mc: rgb(255 255 255);
161
- --md-sys-color-secondary-fixed-dim-light-mc: rgb(0 94 104);
161
+ --md-sys-color-secondary-fixed-dim-light-mc: rgb(65 89 93);
162
162
  --md-sys-color-on-secondary-fixed-variant-light-mc: rgb(255 255 255);
163
163
  --md-sys-color-tertiary-fixed-light-mc: rgb(97 108 141);
164
164
  --md-sys-color-on-tertiary-fixed-light-mc: rgb(255 255 255);
@@ -186,10 +186,10 @@ html {
186
186
  --md-sys-color-on-primary-dark: rgb(0 54 61);
187
187
  --md-sys-color-primary-container-dark: rgb(0 79 88);
188
188
  --md-sys-color-on-primary-container-dark: rgb(158 239 254);
189
- --md-sys-color-secondary-dark: rgb(129 211 224);
190
- --md-sys-color-on-secondary-dark: rgb(0 54 61);
191
- --md-sys-color-secondary-container-dark: rgb(0 79 87);
192
- --md-sys-color-on-secondary-container-dark: rgb(158 239 253);
189
+ --md-sys-color-secondary-dark: rgb(177 203 208);
190
+ --md-sys-color-on-secondary-dark: rgb(28 52 56);
191
+ --md-sys-color-secondary-container-dark: rgb(51 75 79);
192
+ --md-sys-color-on-secondary-container-dark: rgb(205 231 236);
193
193
  --md-sys-color-tertiary-dark: rgb(187 198 234);
194
194
  --md-sys-color-on-tertiary-dark: rgb(36 48 77);
195
195
  --md-sys-color-tertiary-container-dark: rgb(59 70 101);
@@ -215,10 +215,10 @@ html {
215
215
  --md-sys-color-on-primary-fixed-dark: rgb(0 31 36);
216
216
  --md-sys-color-primary-fixed-dim-dark: rgb(130 211 225);
217
217
  --md-sys-color-on-primary-fixed-variant-dark: rgb(0 79 88);
218
- --md-sys-color-secondary-fixed-dark: rgb(158 239 253);
219
- --md-sys-color-on-secondary-fixed-dark: rgb(0 31 36);
220
- --md-sys-color-secondary-fixed-dim-dark: rgb(129 211 224);
221
- --md-sys-color-on-secondary-fixed-variant-dark: rgb(0 79 87);
218
+ --md-sys-color-secondary-fixed-dark: rgb(205 231 236);
219
+ --md-sys-color-on-secondary-fixed-dark: rgb(5 31 35);
220
+ --md-sys-color-secondary-fixed-dim-dark: rgb(177 203 208);
221
+ --md-sys-color-on-secondary-fixed-variant-dark: rgb(51 75 79);
222
222
  --md-sys-color-tertiary-fixed-dark: rgb(218 226 255);
223
223
  --md-sys-color-on-tertiary-fixed-dark: rgb(15 26 55);
224
224
  --md-sys-color-tertiary-fixed-dim-dark: rgb(187 198 234);
@@ -244,9 +244,9 @@ html {
244
244
  --md-sys-color-on-primary-dark-hc: rgb(0 0 0);
245
245
  --md-sys-color-primary-container-dark-hc: rgb(126 207 221);
246
246
  --md-sys-color-on-primary-container-dark-hc: rgb(0 14 16);
247
- --md-sys-color-secondary-dark-hc: rgb(205 248 255);
247
+ --md-sys-color-secondary-dark-hc: rgb(218 245 250);
248
248
  --md-sys-color-on-secondary-dark-hc: rgb(0 0 0);
249
- --md-sys-color-secondary-container-dark-hc: rgb(126 207 220);
249
+ --md-sys-color-secondary-container-dark-hc: rgb(173 199 204);
250
250
  --md-sys-color-on-secondary-container-dark-hc: rgb(0 14 16);
251
251
  --md-sys-color-tertiary-dark-hc: rgb(237 239 255);
252
252
  --md-sys-color-on-tertiary-dark-hc: rgb(0 0 0);
@@ -273,9 +273,9 @@ html {
273
273
  --md-sys-color-on-primary-fixed-dark-hc: rgb(0 0 0);
274
274
  --md-sys-color-primary-fixed-dim-dark-hc: rgb(130 211 225);
275
275
  --md-sys-color-on-primary-fixed-variant-dark-hc: rgb(0 20 23);
276
- --md-sys-color-secondary-fixed-dark-hc: rgb(158 239 253);
276
+ --md-sys-color-secondary-fixed-dark-hc: rgb(205 231 236);
277
277
  --md-sys-color-on-secondary-fixed-dark-hc: rgb(0 0 0);
278
- --md-sys-color-secondary-fixed-dim-dark-hc: rgb(129 211 224);
278
+ --md-sys-color-secondary-fixed-dim-dark-hc: rgb(177 203 208);
279
279
  --md-sys-color-on-secondary-fixed-variant-dark-hc: rgb(0 20 23);
280
280
  --md-sys-color-tertiary-fixed-dark-hc: rgb(218 226 255);
281
281
  --md-sys-color-on-tertiary-fixed-dark-hc: rgb(0 0 0);
@@ -302,9 +302,9 @@ html {
302
302
  --md-sys-color-on-primary-dark-mc: rgb(0 42 48);
303
303
  --md-sys-color-primary-container-dark-mc: rgb(73 156 169);
304
304
  --md-sys-color-on-primary-container-dark-mc: rgb(0 0 0);
305
- --md-sys-color-secondary-dark-mc: rgb(152 233 246);
306
- --md-sys-color-on-secondary-dark-mc: rgb(0 42 48);
307
- --md-sys-color-secondary-container-dark-mc: rgb(72 156 169);
305
+ --md-sys-color-secondary-dark-mc: rgb(199 225 230);
306
+ --md-sys-color-on-secondary-dark-mc: rgb(16 41 45);
307
+ --md-sys-color-secondary-container-dark-mc: rgb(124 149 154);
308
308
  --md-sys-color-on-secondary-container-dark-mc: rgb(0 0 0);
309
309
  --md-sys-color-tertiary-dark-mc: rgb(209 219 255);
310
310
  --md-sys-color-on-tertiary-dark-mc: rgb(25 37 65);
@@ -331,10 +331,10 @@ html {
331
331
  --md-sys-color-on-primary-fixed-dark-mc: rgb(0 20 23);
332
332
  --md-sys-color-primary-fixed-dim-dark-mc: rgb(130 211 225);
333
333
  --md-sys-color-on-primary-fixed-variant-dark-mc: rgb(0 60 68);
334
- --md-sys-color-secondary-fixed-dark-mc: rgb(158 239 253);
334
+ --md-sys-color-secondary-fixed-dark-mc: rgb(205 231 236);
335
335
  --md-sys-color-on-secondary-fixed-dark-mc: rgb(0 20 23);
336
- --md-sys-color-secondary-fixed-dim-dark-mc: rgb(129 211 224);
337
- --md-sys-color-on-secondary-fixed-variant-dark-mc: rgb(0 61 68);
336
+ --md-sys-color-secondary-fixed-dim-dark-mc: rgb(177 203 208);
337
+ --md-sys-color-on-secondary-fixed-variant-dark-mc: rgb(34 58 62);
338
338
  --md-sys-color-tertiary-fixed-dark-mc: rgb(218 226 255);
339
339
  --md-sys-color-on-tertiary-fixed-dark-mc: rgb(4 16 44);
340
340
  --md-sys-color-tertiary-fixed-dim-dark-mc: rgb(187 198 234);