@cupra/ui-kit 2.0.0-canary.237 → 2.0.0-canary.238

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 (61) hide show
  1. package/dist/cjs/components/ds-date-picker/ds-date-picker.cjs +3 -5
  2. package/dist/cjs/components/ds-date-picker/styles/common.styles.cjs +200 -0
  3. package/dist/cjs/components/ds-list-item/ds-list-item.cjs +2 -2
  4. package/dist/cjs/components/ds-list-item/styles/common.styles.cjs +117 -0
  5. package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  6. package/dist/cjs/decorators/customUiKitElement.cjs +1 -1
  7. package/dist/cjs/utils/IconsManager.cjs +1 -1
  8. package/dist/cjs/utils/PubSub.cjs +1 -1
  9. package/dist/cjs/utils/version.cjs +1 -1
  10. package/dist/esm/components/ds-date-picker/ds-date-picker.js +13 -21
  11. package/dist/esm/components/ds-date-picker/styles/common.styles.js +200 -0
  12. package/dist/esm/components/ds-list-item/ds-list-item.js +7 -13
  13. package/dist/esm/components/ds-list-item/styles/common.styles.js +117 -0
  14. package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  15. package/dist/esm/decorators/customUiKitElement.js +1 -1
  16. package/dist/esm/utils/IconsManager.js +1 -1
  17. package/dist/esm/utils/PubSub.js +1 -1
  18. package/dist/esm/utils/version.js +1 -1
  19. package/dist-react/cjs/components/ds-date-picker/ds-date-picker.cjs +3 -5
  20. package/dist-react/cjs/components/ds-date-picker/styles/common.styles.cjs +200 -0
  21. package/dist-react/cjs/components/ds-list-item/ds-list-item.cjs +2 -2
  22. package/dist-react/cjs/components/ds-list-item/styles/common.styles.cjs +117 -0
  23. package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  24. package/dist-react/cjs/decorators/customUiKitElement.cjs +1 -1
  25. package/dist-react/cjs/utils/IconsManager.cjs +1 -1
  26. package/dist-react/cjs/utils/PubSub.cjs +1 -1
  27. package/dist-react/cjs/utils/version.cjs +1 -1
  28. package/dist-react/esm/components/ds-date-picker/ds-date-picker.js +13 -21
  29. package/dist-react/esm/components/ds-date-picker/styles/common.styles.js +200 -0
  30. package/dist-react/esm/components/ds-list-item/ds-list-item.js +7 -13
  31. package/dist-react/esm/components/ds-list-item/styles/common.styles.js +117 -0
  32. package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  33. package/dist-react/esm/decorators/customUiKitElement.js +1 -1
  34. package/dist-react/esm/utils/IconsManager.js +1 -1
  35. package/dist-react/esm/utils/PubSub.js +1 -1
  36. package/dist-react/esm/utils/version.js +1 -1
  37. package/package.json +1 -1
  38. package/dist/cjs/components/ds-date-picker/styles/cupra-diagonal.styles.cjs +0 -202
  39. package/dist/cjs/components/ds-date-picker/styles/seat.styles.cjs +0 -201
  40. package/dist/cjs/components/ds-list-item/styles/cupra-diagonal.styles.cjs +0 -118
  41. package/dist/cjs/components/ds-list-item/styles/seat.styles.cjs +0 -118
  42. package/dist/esm/components/ds-date-picker/styles/cupra-diagonal.styles.js +0 -207
  43. package/dist/esm/components/ds-date-picker/styles/seat.styles.js +0 -206
  44. package/dist/esm/components/ds-list-item/styles/cupra-diagonal.styles.js +0 -123
  45. package/dist/esm/components/ds-list-item/styles/seat.styles.js +0 -123
  46. package/dist/types/components/ds-date-picker/styles/cupra-diagonal.styles.d.ts +0 -1
  47. package/dist/types/components/ds-date-picker/styles/seat.styles.d.ts +0 -1
  48. package/dist/types/components/ds-list-item/styles/cupra-diagonal.styles.d.ts +0 -1
  49. package/dist/types/components/ds-list-item/styles/seat.styles.d.ts +0 -1
  50. package/dist-react/cjs/components/ds-date-picker/styles/cupra-diagonal.styles.cjs +0 -202
  51. package/dist-react/cjs/components/ds-date-picker/styles/seat.styles.cjs +0 -201
  52. package/dist-react/cjs/components/ds-list-item/styles/cupra-diagonal.styles.cjs +0 -118
  53. package/dist-react/cjs/components/ds-list-item/styles/seat.styles.cjs +0 -118
  54. package/dist-react/esm/components/ds-date-picker/styles/cupra-diagonal.styles.js +0 -207
  55. package/dist-react/esm/components/ds-date-picker/styles/seat.styles.js +0 -206
  56. package/dist-react/esm/components/ds-list-item/styles/cupra-diagonal.styles.js +0 -123
  57. package/dist-react/esm/components/ds-list-item/styles/seat.styles.js +0 -123
  58. package/dist-react/types/components/ds-date-picker/styles/cupra-diagonal.styles.d.ts +0 -1
  59. package/dist-react/types/components/ds-date-picker/styles/seat.styles.d.ts +0 -1
  60. package/dist-react/types/components/ds-list-item/styles/cupra-diagonal.styles.d.ts +0 -1
  61. package/dist-react/types/components/ds-list-item/styles/seat.styles.d.ts +0 -1
@@ -1,207 +0,0 @@
1
- import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
2
- import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
3
- //#region src/components/ds-date-picker/styles/cupra-diagonal.styles.ts
4
- var t = e`
5
- :host([data-ui-kit-theme='cupra-diagonal']):has(.disabled),
6
- :host([data-ui-kit-theme='cupra-diagonal']):has(.readonly) {
7
- pointer-events: none;
8
- }
9
-
10
- :host([data-ui-kit-theme='cupra-diagonal']) .container {
11
- position: relative;
12
- border-radius: var(--ds-border-radius-xxs, 4px);
13
- display: flex;
14
- width: 100%;
15
- flex-direction: column;
16
- align-items: flex-start;
17
- gap: var(--ds-spacing-s-3);
18
- }
19
-
20
- :host([data-ui-kit-theme='cupra-diagonal']) .container.focus-visible {
21
- outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
22
- outline-offset: 0.125rem;
23
- }
24
-
25
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label) {
26
- color: var(--ds-field-text-color-label-default, #c3c3cb);
27
- font-family: var(--ds-typography-family-primary);
28
- font-style: normal;
29
- font-weight: 350;
30
- letter-spacing: var(--ds-typography-letter-spacing-m);
31
- }
32
-
33
- :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(label) {
34
- font-size: var(--ds-typography-size-body-m);
35
- line-height: var(--ds-typography-height-body-m);
36
- }
37
-
38
- :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(label) {
39
- font-size: var(--ds-typography-size-body-s);
40
- line-height: var(--ds-typography-height-body-s);
41
- }
42
-
43
- :host([data-ui-kit-theme='cupra-diagonal']) .disabled ::slotted(label) {
44
- color: var(--ds-field-text-color-label-disabled, #5a5c67);
45
- }
46
-
47
- :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(label) {
48
- color: var(--ds-field-text-color-label-default, #c3c3cb);
49
- }
50
-
51
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input) {
52
- width: 100%;
53
- box-sizing: border-box;
54
- flex: 1 0 0;
55
- color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
56
- color-scheme: dark;
57
- font-family: var(--ds-typography-family-primary);
58
- font-style: normal;
59
- font-weight: 400;
60
- letter-spacing: var(--ds-typography-letter-spacing-m);
61
- border: none;
62
- outline: none;
63
- background: transparent;
64
- cursor: text;
65
- }
66
-
67
- :host([data-ui-kit-theme='cupra-diagonal']) .focus:not(.filled) ::slotted(input) {
68
- color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
69
- }
70
-
71
- :host([data-ui-kit-theme='cupra-diagonal']) .filled ::slotted(input) {
72
- color: var(--ds-field-text-color-input-default, #fafafa);
73
- }
74
-
75
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input:disabled) {
76
- color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
77
- }
78
-
79
- :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(input) {
80
- color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
81
- }
82
-
83
- :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(input) {
84
- font-size: var(--ds-typography-size-body-l);
85
- line-height: var(--ds-typography-height-body-l);
86
- height: var(--ds-sizing-48, 48px);
87
- padding: var(--ds-spacing-m-1) 0;
88
- }
89
-
90
- :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(input) {
91
- font-size: var(--ds-typography-size-body-m);
92
- line-height: var(--ds-typography-height-body-m);
93
- height: var(--ds-sizing-40, 40px);
94
- padding: var(--ds-spacing-s-5) 0;
95
- }
96
-
97
- :host([data-ui-kit-theme='cupra-diagonal']) .input-container {
98
- box-sizing: border-box;
99
- display: flex;
100
- justify-content: space-between;
101
- align-items: flex-end;
102
- width: 100%;
103
- padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
104
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
105
- border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
106
- var(--ds-border-radius-none);
107
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
108
- }
109
-
110
- :host([data-ui-kit-theme='cupra-diagonal']) .medium .input-container {
111
- padding-left: var(--ds-spacing-s-5);
112
- }
113
-
114
- :host([data-ui-kit-theme='cupra-diagonal']) .input-container > div {
115
- flex: 1 1 auto;
116
- }
117
-
118
- :host([data-ui-kit-theme='cupra-diagonal']) .input-container:hover,
119
- :host([data-ui-kit-theme='cupra-diagonal']) .focus-visible .input-container {
120
- background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
121
- }
122
-
123
- :host([data-ui-kit-theme='cupra-diagonal']) .focus:not(.focus-visible) .input-container {
124
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
125
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
126
- }
127
-
128
- :host([data-ui-kit-theme='cupra-diagonal']) .filled .input-container {
129
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
130
- }
131
-
132
- :host([data-ui-kit-theme='cupra-diagonal']) .container.error .input-container,
133
- :host([data-ui-kit-theme='cupra-diagonal']) .container.invalid .input-container {
134
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
135
- }
136
-
137
- :host([data-ui-kit-theme='cupra-diagonal']) .disabled .input-container,
138
- :host([data-ui-kit-theme='cupra-diagonal']) .disabled.error .input-container,
139
- :host([data-ui-kit-theme='cupra-diagonal']) .disabled.invalid .input-container {
140
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
141
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
142
- }
143
-
144
- :host([data-ui-kit-theme='cupra-diagonal']) .readonly .input-container {
145
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
146
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
147
- }
148
-
149
- :host([data-ui-kit-theme='cupra-diagonal']) .footer {
150
- box-sizing: border-box;
151
- display: flex;
152
- align-items: flex-start;
153
- align-self: stretch;
154
- gap: var(--ds-spacing-s-5, 8px);
155
- overflow: hidden;
156
- color: var(--ds-field-text-color-caption-default, #c3c3cb);
157
- text-overflow: ellipsis;
158
- font-family: var(--ds-typography-family-primary);
159
- font-style: normal;
160
- font-weight: 350;
161
- letter-spacing: var(--ds-typography-letter-spacing-m);
162
- }
163
-
164
- :host([data-ui-kit-theme='cupra-diagonal']) .large .footer {
165
- font-size: var(--ds-typography-size-body-m);
166
- line-height: var(--ds-typography-height-body-m);
167
- padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
168
- var(--ds-spacing-m-1, 12px);
169
- }
170
-
171
- :host([data-ui-kit-theme='cupra-diagonal']) .medium .footer {
172
- font-size: var(--ds-typography-size-body-s);
173
- line-height: var(--ds-typography-height-body-s);
174
- padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
175
- }
176
-
177
- :host([data-ui-kit-theme='cupra-diagonal']) .support-text {
178
- flex: 1 1 auto;
179
- }
180
-
181
- :host([data-ui-kit-theme='cupra-diagonal']) .helper-text,
182
- :host([data-ui-kit-theme='cupra-diagonal']) .readonly-text {
183
- color: var(--ds-field-text-color-caption-default, #c3c3cb);
184
- }
185
-
186
- :host([data-ui-kit-theme='cupra-diagonal']) .error-text {
187
- color: var(--ds-field-text-color-caption-error, #ff403d);
188
- }
189
-
190
- :host([data-ui-kit-theme='cupra-diagonal']) .disabled .support-text {
191
- color: var(--ds-field-text-color-caption-disabled, #5a5c67);
192
- }
193
-
194
- :host([data-ui-kit-theme='cupra-diagonal']) .readonly .support-text {
195
- color: var(--ds-field-text-color-caption-default, #c3c3cb);
196
- }
197
-
198
- :host([data-ui-kit-theme='cupra-diagonal']) .calendar-dropdown {
199
- position: absolute;
200
- top: 100%;
201
- left: 0;
202
- z-index: 10;
203
- margin-top: var(--ds-spacing-s-3, 4px);
204
- }
205
- `;
206
- //#endregion
207
- export { t as cupraDiagonalStyles };
@@ -1,206 +0,0 @@
1
- import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
2
- import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
3
- //#region src/components/ds-date-picker/styles/seat.styles.ts
4
- var t = e`
5
- :host([data-ui-kit-theme='seat']):has(.disabled),
6
- :host([data-ui-kit-theme='seat']):has(.readonly) {
7
- pointer-events: none;
8
- }
9
-
10
- :host([data-ui-kit-theme='seat']) .container {
11
- position: relative;
12
- border-radius: var(--ds-border-radius-xxs, 4px);
13
- display: flex;
14
- width: 100%;
15
- flex-direction: column;
16
- align-items: flex-start;
17
- gap: var(--ds-spacing-s-3);
18
- }
19
-
20
- :host([data-ui-kit-theme='seat']) .container.focus-visible {
21
- outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
22
- outline-offset: 0.125rem;
23
- }
24
-
25
- :host([data-ui-kit-theme='seat']) ::slotted(label) {
26
- color: var(--ds-field-text-color-label-default, #c3c3cb);
27
- font-family: var(--ds-typography-family-primary);
28
- font-style: normal;
29
- font-weight: 350;
30
- letter-spacing: var(--ds-typography-letter-spacing-m);
31
- }
32
-
33
- :host([data-ui-kit-theme='seat']) .large ::slotted(label) {
34
- font-size: var(--ds-typography-size-body-m);
35
- line-height: var(--ds-typography-height-body-m);
36
- }
37
-
38
- :host([data-ui-kit-theme='seat']) .medium ::slotted(label) {
39
- font-size: var(--ds-typography-size-body-s);
40
- line-height: var(--ds-typography-height-body-s);
41
- }
42
-
43
- :host([data-ui-kit-theme='seat']) .disabled ::slotted(label) {
44
- color: var(--ds-field-text-color-label-disabled, #5a5c67);
45
- }
46
-
47
- :host([data-ui-kit-theme='seat']) .readonly ::slotted(label) {
48
- color: var(--ds-field-text-color-label-default, #c3c3cb);
49
- }
50
-
51
- :host([data-ui-kit-theme='seat']) ::slotted(input) {
52
- width: 100%;
53
- box-sizing: border-box;
54
- flex: 1 0 0;
55
- color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
56
- font-family: var(--ds-typography-family-primary);
57
- font-style: normal;
58
- font-weight: 400;
59
- letter-spacing: var(--ds-typography-letter-spacing-m);
60
- border: none;
61
- outline: none;
62
- background: transparent;
63
- cursor: text;
64
- }
65
-
66
- :host([data-ui-kit-theme='seat']) .focus:not(.filled) ::slotted(input) {
67
- color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
68
- }
69
-
70
- :host([data-ui-kit-theme='seat']) .filled ::slotted(input) {
71
- color: var(--ds-field-text-color-input-default, #fafafa);
72
- }
73
-
74
- :host([data-ui-kit-theme='seat']) ::slotted(input:disabled) {
75
- color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
76
- }
77
-
78
- :host([data-ui-kit-theme='seat']) .readonly ::slotted(input) {
79
- color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
80
- }
81
-
82
- :host([data-ui-kit-theme='seat']) .large ::slotted(input) {
83
- font-size: var(--ds-typography-size-body-l);
84
- line-height: var(--ds-typography-height-body-l);
85
- height: var(--ds-sizing-48, 48px);
86
- padding: var(--ds-spacing-m-1) 0;
87
- }
88
-
89
- :host([data-ui-kit-theme='seat']) .medium ::slotted(input) {
90
- font-size: var(--ds-typography-size-body-m);
91
- line-height: var(--ds-typography-height-body-m);
92
- height: var(--ds-sizing-40, 40px);
93
- padding: var(--ds-spacing-s-5) 0;
94
- }
95
-
96
- :host([data-ui-kit-theme='seat']) .input-container {
97
- box-sizing: border-box;
98
- display: flex;
99
- justify-content: space-between;
100
- align-items: flex-end;
101
- width: 100%;
102
- padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
103
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
104
- border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
105
- var(--ds-border-radius-none);
106
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
107
- }
108
-
109
- :host([data-ui-kit-theme='seat']) .medium .input-container {
110
- padding-left: var(--ds-spacing-s-5);
111
- }
112
-
113
- :host([data-ui-kit-theme='seat']) .input-container > div {
114
- flex: 1 1 auto;
115
- }
116
-
117
- :host([data-ui-kit-theme='seat']) .input-container:hover,
118
- :host([data-ui-kit-theme='seat']) .focus-visible .input-container {
119
- background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
120
- }
121
-
122
- :host([data-ui-kit-theme='seat']) .focus:not(.focus-visible) .input-container {
123
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
124
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
125
- }
126
-
127
- :host([data-ui-kit-theme='seat']) .filled .input-container {
128
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
129
- }
130
-
131
- :host([data-ui-kit-theme='seat']) .container.error .input-container,
132
- :host([data-ui-kit-theme='seat']) .container.invalid .input-container {
133
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
134
- }
135
-
136
- :host([data-ui-kit-theme='seat']) .disabled .input-container,
137
- :host([data-ui-kit-theme='seat']) .disabled.error .input-container,
138
- :host([data-ui-kit-theme='seat']) .disabled.invalid .input-container {
139
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
140
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
141
- }
142
-
143
- :host([data-ui-kit-theme='seat']) .readonly .input-container {
144
- background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
145
- border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
146
- }
147
-
148
- :host([data-ui-kit-theme='seat']) .footer {
149
- box-sizing: border-box;
150
- display: flex;
151
- align-items: flex-start;
152
- align-self: stretch;
153
- gap: var(--ds-spacing-s-5, 8px);
154
- overflow: hidden;
155
- color: var(--ds-field-text-color-caption-default, #c3c3cb);
156
- text-overflow: ellipsis;
157
- font-family: var(--ds-typography-family-primary);
158
- font-style: normal;
159
- font-weight: 350;
160
- letter-spacing: var(--ds-typography-letter-spacing-m);
161
- }
162
-
163
- :host([data-ui-kit-theme='seat']) .large .footer {
164
- font-size: var(--ds-typography-size-body-m);
165
- line-height: var(--ds-typography-height-body-m);
166
- padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
167
- var(--ds-spacing-m-1, 12px);
168
- }
169
-
170
- :host([data-ui-kit-theme='seat']) .medium .footer {
171
- font-size: var(--ds-typography-size-body-s);
172
- line-height: var(--ds-typography-height-body-s);
173
- padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
174
- }
175
-
176
- :host([data-ui-kit-theme='seat']) .support-text {
177
- flex: 1 1 auto;
178
- }
179
-
180
- :host([data-ui-kit-theme='seat']) .helper-text,
181
- :host([data-ui-kit-theme='seat']) .readonly-text {
182
- color: var(--ds-field-text-color-caption-default, #c3c3cb);
183
- }
184
-
185
- :host([data-ui-kit-theme='seat']) .error-text {
186
- color: var(--ds-field-text-color-caption-error, #ff403d);
187
- }
188
-
189
- :host([data-ui-kit-theme='seat']) .disabled .support-text {
190
- color: var(--ds-field-text-color-caption-disabled, #5a5c67);
191
- }
192
-
193
- :host([data-ui-kit-theme='seat']) .readonly .support-text {
194
- color: var(--ds-field-text-color-caption-default, #c3c3cb);
195
- }
196
-
197
- :host([data-ui-kit-theme='seat']) .calendar-dropdown {
198
- position: absolute;
199
- top: 100%;
200
- left: 0;
201
- z-index: 10;
202
- margin-top: var(--ds-spacing-s-3, 4px);
203
- }
204
- `;
205
- //#endregion
206
- export { t as seatStyles };
@@ -1,123 +0,0 @@
1
- import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
2
- import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
3
- //#region src/components/ds-list-item/styles/cupra-diagonal.styles.ts
4
- var t = e`
5
- :host([data-ui-kit-theme='cupra-diagonal']) .content {
6
- display: flex;
7
- align-items: center;
8
- padding: var(--ds-sizing-08) 0;
9
- font-family: var(--ds-typography-family-primary);
10
- font-weight: 400;
11
- gap: var(--ds-sizing-08);
12
- }
13
-
14
- :host([data-ui-kit-theme='cupra-diagonal']) .container {
15
- display: flex;
16
- gap: var(--ds-sizing-08);
17
- }
18
-
19
- :host([data-ui-kit-theme='cupra-diagonal']) .container-text {
20
- padding-right: var(--ds-sizing-24);
21
- }
22
-
23
- :host([data-ui-kit-theme='cupra-diagonal']) .content.info-variant,
24
- :host([data-ui-kit-theme='cupra-diagonal']) .content.action-variant {
25
- padding: var(--ds-sizing-08);
26
- }
27
-
28
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='input-left']),
29
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='input-right']) {
30
- width: unset;
31
- }
32
-
33
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']) {
34
- color: var(--ds-color-neutral-10);
35
- }
36
-
37
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
38
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
39
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']) {
40
- color: var(--ds-color-neutral-60);
41
- }
42
-
43
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']) {
44
- padding-top: var(--ds-sizing-08);
45
- }
46
-
47
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-square']) {
48
- width: var(--ds-sizing-48);
49
- height: var(--ds-sizing-48);
50
- }
51
-
52
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-square']) {
53
- width: var(--ds-sizing-32);
54
- height: var(--ds-sizing-32);
55
- }
56
-
57
- :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
58
- -o-object-fit: cover;
59
- object-fit: cover;
60
- }
61
-
62
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
63
- width: var(--ds-sizing-96);
64
- height: var(--ds-sizing-48);
65
- }
66
-
67
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
68
- width: var(--ds-sizing-64);
69
- height: var(--ds-sizing-32);
70
- }
71
-
72
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
73
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
74
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
75
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
76
- :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
77
- font-size: var(--ds-typography-size-body-m);
78
- line-height: var(--ds-typography-height-body-xs);
79
- }
80
-
81
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
82
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
83
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
84
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
85
- :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
86
- font-size: var(--ds-typography-size-body-l);
87
- line-height: var(--ds-typography-height-body-s);
88
- }
89
-
90
- :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
91
- :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
92
- :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
93
- :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
94
- :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
95
- font-size: var(--ds-typography-size-body-s);
96
- line-height: var(--ds-typography-height-body-xs);
97
- }
98
-
99
- :host([data-ui-kit-theme='cupra-diagonal']) .content:hover {
100
- background: var(--ds-color-control-bg-hover);
101
- }
102
-
103
- :host([data-ui-kit-theme='cupra-diagonal']) .content:active {
104
- background: var(--ds-color-control-bg-pressed);
105
- }
106
-
107
- :host([data-ui-kit-theme='cupra-diagonal']) .content:focus-visible {
108
- outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
109
- background-color: var(--ds-color-control-bg-hover);
110
- }
111
-
112
- :host([data-ui-kit-theme='cupra-diagonal']) .selected {
113
- background: var(--ds-color-control-bg-default);
114
- border-left: var(--ds-sizing-04) solid var(--ds-color-border-selected);
115
- }
116
-
117
- :host([data-ui-kit-theme='cupra-diagonal']) .disabled {
118
- opacity: 0.25;
119
- pointer-events: none;
120
- }
121
- `;
122
- //#endregion
123
- export { t as cupraDiagonalStyles };
@@ -1,123 +0,0 @@
1
- import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
2
- import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
3
- //#region src/components/ds-list-item/styles/seat.styles.ts
4
- var t = e`
5
- :host([data-ui-kit-theme='seat']) .content {
6
- display: flex;
7
- align-items: center;
8
- padding: var(--ds-sizing-08) 0;
9
- font-family: var(--ds-typography-family-primary);
10
- font-weight: 400;
11
- gap: var(--ds-sizing-08);
12
- }
13
-
14
- :host([data-ui-kit-theme='seat']) .container {
15
- display: flex;
16
- gap: var(--ds-sizing-08);
17
- }
18
-
19
- :host([data-ui-kit-theme='seat']) .container-text {
20
- padding-right: var(--ds-sizing-24);
21
- }
22
-
23
- :host([data-ui-kit-theme='seat']) .content.info-variant,
24
- :host([data-ui-kit-theme='seat']) .content.action-variant {
25
- padding: var(--ds-sizing-08);
26
- }
27
-
28
- :host([data-ui-kit-theme='seat']) ::slotted([slot='input-left']),
29
- :host([data-ui-kit-theme='seat']) ::slotted([slot='input-right']) {
30
- width: unset;
31
- }
32
-
33
- :host([data-ui-kit-theme='seat']) ::slotted([slot='primary-text']) {
34
- color: var(--ds-color-text-default-subtlest, #484848);
35
- }
36
-
37
- :host([data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
38
- :host([data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
39
- :host([data-ui-kit-theme='seat']) ::slotted([slot='description-text']) {
40
- color: var(--ds-color-text-default-subtle, #565656);
41
- }
42
-
43
- :host([data-ui-kit-theme='seat']) ::slotted([slot='description-text']) {
44
- padding-top: var(--ds-sizing-08);
45
- }
46
-
47
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='image-square']) {
48
- width: var(--ds-sizing-48);
49
- height: var(--ds-sizing-48);
50
- }
51
-
52
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='image-square']) {
53
- width: var(--ds-sizing-32);
54
- height: var(--ds-sizing-32);
55
- }
56
-
57
- :host([data-ui-kit-theme='seat']) ::slotted([slot='image-wide']) {
58
- -o-object-fit: cover;
59
- object-fit: cover;
60
- }
61
-
62
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='image-wide']) {
63
- width: var(--ds-sizing-96);
64
- height: var(--ds-sizing-48);
65
- }
66
-
67
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='image-wide']) {
68
- width: var(--ds-sizing-64);
69
- height: var(--ds-sizing-32);
70
- }
71
-
72
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='primary-text']),
73
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
74
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='description-text']),
75
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
76
- :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='aside']) {
77
- font-size: var(--ds-typography-size-body-m);
78
- line-height: var(--ds-typography-height-body-xs);
79
- }
80
-
81
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='primary-text']),
82
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
83
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='description-text']),
84
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
85
- :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='aside']) {
86
- font-size: var(--ds-typography-size-body-l);
87
- line-height: var(--ds-typography-height-body-s);
88
- }
89
-
90
- :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='primary-text']),
91
- :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
92
- :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='description-text']),
93
- :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
94
- :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='aside']) {
95
- font-size: var(--ds-typography-size-body-s);
96
- line-height: var(--ds-typography-height-body-xs);
97
- }
98
-
99
- :host([data-ui-kit-theme='seat']) .content:hover {
100
- background: var(--ds-color-control-bg-hover);
101
- }
102
-
103
- :host([data-ui-kit-theme='seat']) .content:active {
104
- background: var(--ds-color-control-bg-pressed);
105
- }
106
-
107
- :host([data-ui-kit-theme='seat']) .content:focus-visible {
108
- outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
109
- background-color: var(--ds-color-control-bg-hover);
110
- }
111
-
112
- :host([data-ui-kit-theme='seat']) .selected {
113
- background: var(--ds-color-control-bg-default);
114
- border-left: var(--ds-sizing-04) solid var(--ds-color-border-selected);
115
- }
116
-
117
- :host([data-ui-kit-theme='seat']) .disabled {
118
- opacity: 0.25;
119
- pointer-events: none;
120
- }
121
- `;
122
- //#endregion
123
- export { t as seatStyles };
@@ -1 +0,0 @@
1
- export declare const cupraDiagonalStyles: import("lit").CSSResult;
@@ -1 +0,0 @@
1
- export declare const seatStyles: import("lit").CSSResult;
@@ -1 +0,0 @@
1
- export declare const cupraDiagonalStyles: import("lit").CSSResult;
@@ -1 +0,0 @@
1
- export declare const seatStyles: import("lit").CSSResult;