@workday/canvas-kit-css 14.1.19 → 15.0.0-alpha.0008-next.0

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/action-bar.css +3 -3
  2. package/button.css +93 -93
  3. package/package.json +2 -2
package/action-bar.css CHANGED
@@ -2,10 +2,10 @@
2
2
  box-sizing: border-box;
3
3
  display: flex;
4
4
  box-shadow: var(--cnvs-sys-depth-1);
5
- gap: var(--cnvs-sys-space-x4);
5
+ gap: var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4));
6
6
  background: var(--cnvs-sys-color-bg-default);
7
7
  border-block-start: solid 1px var(--cnvs-sys-color-border-divider);
8
- padding: var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x10);
8
+ padding: var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4)) var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));
9
9
  position: fixed;
10
10
  inset-block-end: 0;
11
11
  inset-inline-start: 0;
@@ -14,7 +14,7 @@
14
14
 
15
15
  @media (max-width: 767.5px) {
16
16
  .cnvs-action-bar-list {
17
- padding: var(--cnvs-sys-space-x4);
17
+ padding: var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));
18
18
  }
19
19
 
20
20
  .cnvs-action-bar-list >* {
package/button.css CHANGED
@@ -1,15 +1,15 @@
1
1
  .cnvs-button {
2
2
  box-sizing: border-box;
3
3
  font-family: "Roboto","Helvetica Neue","Helvetica",Arial,sans-serif;
4
- font-size: 0.875rem;
5
- line-height: normal;
6
- letter-spacing: 0.015rem;
4
+ font-size: var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));
5
+ line-height: var(--cnvs-sys-line-height-subtext-large);
6
+ letter-spacing: var(--cnvs-sys-letter-spacing-subtext-lg);
7
7
  font-weight: var(--cnvs-sys-font-weight-bold);
8
8
  background-color: var(--cnvs-button-color-prop-default-background, var(--cnvs-button-background, transparent));
9
9
  color: var(--cnvs-button-color-prop-default-label, var(--cnvs-button-label, var(--cnvs-sys-color-fg-strong)));
10
10
  border-width: 0.0625rem;
11
11
  border-style: solid;
12
- gap: var(--cnvs-sys-space-x2);
12
+ gap: var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2));
13
13
  border-color: var(--cnvs-button-color-prop-default-border, var(--cnvs-button-border, transparent));
14
14
  cursor: pointer;
15
15
  display: inline-flex;
@@ -91,50 +91,50 @@
91
91
  .cnvs-button.size-large {
92
92
  font-family: var(--cnvs-sys-font-family-default);
93
93
  font-weight: var(--cnvs-sys-font-weight-bold);
94
- line-height: var(--cnvs-sys-line-height-body-small);
95
- font-size: var(--cnvs-sys-font-size-body-small);
96
- letter-spacing: var(--cnvs-base-letter-spacing-200);
97
- height: 3rem;
98
- padding-inline: var(--cnvs-sys-space-x8);
99
- min-width: 7rem;
94
+ line-height: var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small));
95
+ font-size: var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small));
96
+ letter-spacing: var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200));
97
+ height: var(--cnvs-sys-size-xl, 3rem);
98
+ padding-inline: var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));
99
+ min-width: var(--cnvs-base-size-1400);
100
100
  }
101
101
 
102
102
 
103
103
  .cnvs-button.size-medium {
104
- font-family: var(--cnvs-sys-font-family-default);
104
+ font-family: var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default));
105
105
  font-weight: var(--cnvs-sys-font-weight-bold);
106
- line-height: var(--cnvs-sys-line-height-subtext-large);
107
- font-size: var(--cnvs-sys-font-size-subtext-large);
108
- letter-spacing: var(--cnvs-base-letter-spacing-150);
109
- min-width: 6rem;
110
- padding-inline: var(--cnvs-sys-space-x6);
111
- height: var(--cnvs-sys-space-x10);
106
+ line-height: var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));
107
+ font-size: var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));
108
+ letter-spacing: var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50));
109
+ min-width: var(--cnvs-base-size-1200);
110
+ padding-inline: var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));
111
+ height: var(--cnvs-sys-size-lg, var(--cnvs-sys-space-x10));
112
112
  }
113
113
 
114
114
 
115
115
  .cnvs-button.size-small {
116
- font-family: var(--cnvs-sys-font-family-default);
116
+ font-family: var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default));
117
117
  font-weight: var(--cnvs-sys-font-weight-bold);
118
- line-height: var(--cnvs-sys-line-height-subtext-large);
119
- font-size: var(--cnvs-sys-font-size-subtext-large);
120
- letter-spacing: var(--cnvs-base-letter-spacing-150);
121
- height: var(--cnvs-sys-space-x8);
122
- min-width: var(--cnvs-sys-space-x20);
123
- padding-inline: var(--cnvs-sys-space-x4);
124
- gap: var(--cnvs-sys-space-x1);
118
+ line-height: var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));
119
+ font-size: var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));
120
+ letter-spacing: var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50));
121
+ height: var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8));
122
+ min-width: var(--cnvs-base-size-1000);
123
+ padding-inline: var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));
124
+ gap: var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));
125
125
  }
126
126
 
127
127
 
128
128
  .cnvs-button.size-extra-small {
129
- font-family: var(--cnvs-sys-font-family-default);
129
+ font-family: var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default));
130
130
  font-weight: var(--cnvs-sys-font-weight-bold);
131
- line-height: var(--cnvs-sys-line-height-subtext-medium);
132
- font-size: var(--cnvs-sys-font-size-subtext-medium);
133
- letter-spacing: var(--cnvs-base-letter-spacing-100);
134
- height: var(--cnvs-sys-space-x6);
131
+ line-height: var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium));
132
+ font-size: var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));
133
+ letter-spacing: var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));
134
+ height: var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x6));
135
135
  min-width: auto;
136
- padding-inline: var(--cnvs-sys-space-x3);
137
- gap: var(--cnvs-sys-space-x1);
136
+ padding-inline: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
137
+ gap: var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));
138
138
  }
139
139
 
140
140
 
@@ -145,86 +145,86 @@
145
145
 
146
146
 
147
147
  .cnvs-button.icon-position-only {
148
- padding: var(--cnvs-sys-space-zero);
148
+ padding: var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero));
149
149
  }
150
150
 
151
151
 
152
152
 
153
153
 
154
154
  .cnvs-button.size-large.icon-position-only {
155
- min-width: calc(var(--cnvs-sys-space-x4) * 3);
155
+ min-width: var(--cnvs-base-size-600);
156
156
  }
157
157
 
158
158
 
159
159
  .cnvs-button.size-large.icon-position-start {
160
- padding-inline-start: var(--cnvs-sys-space-x6);
161
- padding-inline-end: var(--cnvs-sys-space-x8);
160
+ padding-inline-start: var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));
161
+ padding-inline-end: var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));
162
162
  }
163
163
 
164
164
 
165
165
  .cnvs-button.size-large.icon-position-end {
166
- padding-inline-start: var(--cnvs-sys-space-x8);
167
- padding-inline-end: var(--cnvs-sys-space-x6);
166
+ padding-inline-start: var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));
167
+ padding-inline-end: var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));
168
168
  }
169
169
 
170
170
 
171
171
  .cnvs-button.size-medium.icon-position-only {
172
- min-width: var(--cnvs-sys-space-x10);
172
+ min-width: var(--cnvs-sys-size-lg, var(--cnvs-sys-space-x10));
173
173
  }
174
174
 
175
175
 
176
176
  .cnvs-button.size-medium.icon-position-start {
177
- padding-inline-start: calc(var(--cnvs-sys-space-x1) * 5);
178
- padding-inline-end: var(--cnvs-sys-space-x6);
177
+ padding-inline-start: var(--cnvs-sys-padding-lg, 1.25rem);
178
+ padding-inline-end: var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));
179
179
  }
180
180
 
181
181
 
182
182
  .cnvs-button.size-medium.icon-position-end {
183
- padding-inline-start: var(--cnvs-sys-space-x6);
184
- padding-inline-end: calc(var(--cnvs-sys-space-x1) * 5);
183
+ padding-inline-start: var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));
184
+ padding-inline-end: var(--cnvs-sys-padding-lg, 1.25rem);
185
185
  }
186
186
 
187
187
 
188
188
  .cnvs-button.size-small.icon-position-only {
189
- min-width: var(--cnvs-sys-space-x8);
189
+ min-width: var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8));
190
190
  }
191
191
 
192
192
 
193
193
  .cnvs-button.size-small.icon-position-start {
194
- padding-inline-start: var(--cnvs-sys-space-x3);
195
- padding-inline-end: var(--cnvs-sys-space-x4);
194
+ padding-inline-start: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
195
+ padding-inline-end: var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));
196
196
  }
197
197
 
198
198
 
199
199
  .cnvs-button.size-small.icon-position-end {
200
- padding-inline-start: var(--cnvs-sys-space-x4);
201
- padding-inline-end: var(--cnvs-sys-space-x3);
200
+ padding-inline-start: var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));
201
+ padding-inline-end: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
202
202
  }
203
203
 
204
204
 
205
205
  .cnvs-button.size-extraSmall.icon-position-only {
206
- min-width: var(--cnvs-sys-space-x6);
206
+ min-width: var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x6));
207
207
  }
208
208
 
209
209
 
210
210
  .cnvs-button.size-extraSmall.icon-position-start {
211
- padding-inline-start: var(--cnvs-sys-space-x2);
212
- padding-inline-end: var(--cnvs-sys-space-x3);
211
+ padding-inline-start: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
212
+ padding-inline-end: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
213
213
  }
214
214
 
215
215
 
216
216
  .cnvs-button.size-extraSmall.icon-position-end {
217
- padding-inline-start: var(--cnvs-sys-space-x3);
218
- padding-inline-end: var(--cnvs-sys-space-x2);
217
+ padding-inline-start: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
218
+ padding-inline-end: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
219
219
  }
220
220
 
221
221
 
222
222
  .cnvs-tertiary-button {
223
223
  box-sizing: border-box;
224
- padding-inline: var(--cnvs-sys-space-x2);
224
+ padding-inline: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
225
225
  min-width: auto;
226
226
  border-width: 0.125rem;
227
- --cnvs-button-border-radius: var(--cnvs-sys-shape-round);
227
+ --cnvs-button-border-radius: var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));
228
228
  --cnvs-button-background: var(--cnvs-sys-color-bg-transparent-default);
229
229
  --cnvs-button-label: var(--cnvs-brand-primary-base);
230
230
  --cnvs-system-icon-color: currentColor;
@@ -260,7 +260,7 @@
260
260
 
261
261
 
262
262
  .cnvs-tertiary-button.icon-position-only {
263
- padding: 0;
263
+ padding: var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero));
264
264
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-default-icon, var(--cnvs-sys-color-fg-strong));
265
265
  }
266
266
 
@@ -316,79 +316,79 @@
316
316
 
317
317
 
318
318
  .cnvs-tertiary-button.size-large.icon-position-only {
319
- min-width: calc(var(--cnvs-sys-space-x4) * 3);
319
+ min-width: var(--cnvs-sys-size-xl, 3rem);
320
320
  }
321
321
 
322
322
 
323
323
  .cnvs-tertiary-button.size-large.icon-position-start {
324
- padding-inline-start: var(--cnvs-sys-space-x2);
325
- padding-inline-end: var(--cnvs-sys-space-x3);
324
+ padding-inline-start: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
325
+ padding-inline-end: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
326
326
  }
327
327
 
328
328
 
329
329
  .cnvs-tertiary-button.size-large.icon-position-end {
330
- padding-inline-start: var(--cnvs-sys-space-x3);
331
- padding-inline-end: var(--cnvs-sys-space-x2);
330
+ padding-inline-start: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
331
+ padding-inline-end: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
332
332
  }
333
333
 
334
334
 
335
335
  .cnvs-tertiary-button.size-medium.icon-position-only {
336
- min-width: var(--cnvs-sys-space-x10);
336
+ min-width: var(--cnvs-sys-size-lg, var(--cnvs-sys-space-x10));
337
337
  }
338
338
 
339
339
 
340
340
  .cnvs-tertiary-button.size-medium.icon-position-start {
341
- padding-inline-start: var(--cnvs-sys-space-x2);
342
- padding-inline-end: var(--cnvs-sys-space-x3);
341
+ padding-inline-start: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
342
+ padding-inline-end: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
343
343
  }
344
344
 
345
345
 
346
346
  .cnvs-tertiary-button.size-medium.icon-position-end {
347
- padding-inline-start: var(--cnvs-sys-space-x3);
348
- padding-inline-end: var(--cnvs-sys-space-x2);
347
+ padding-inline-start: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
348
+ padding-inline-end: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
349
349
  }
350
350
 
351
351
 
352
352
  .cnvs-tertiary-button.size-small.icon-position-only {
353
- min-width: var(--cnvs-sys-space-x8);
353
+ min-width: var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8));
354
354
  }
355
355
 
356
356
 
357
357
  .cnvs-tertiary-button.size-small.icon-position-start {
358
- padding-inline-start: var(--cnvs-sys-space-x2);
359
- padding-inline-end: var(--cnvs-sys-space-x3);
358
+ padding-inline-start: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
359
+ padding-inline-end: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
360
360
  }
361
361
 
362
362
 
363
363
  .cnvs-tertiary-button.size-small.icon-position-end {
364
- padding-inline-start: var(--cnvs-sys-space-x3);
365
- padding-inline-end: var(--cnvs-sys-space-x2);
364
+ padding-inline-start: var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));
365
+ padding-inline-end: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
366
366
  }
367
367
 
368
368
 
369
369
  .cnvs-tertiary-button.size-extraSmall.icon-position-only {
370
- min-width: var(--cnvs-sys-space-x6);
370
+ min-width: var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x6));
371
371
  }
372
372
 
373
373
 
374
374
  .cnvs-tertiary-button.size-extraSmall.icon-position-start {
375
- padding-inline-start: var(--cnvs-sys-space-x1);
376
- padding-inline-end: var(--cnvs-sys-space-x2);
375
+ padding-inline-start: var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1));
376
+ padding-inline-end: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
377
377
  }
378
378
 
379
379
 
380
380
  .cnvs-tertiary-button.size-extraSmall.icon-position-end {
381
- padding-inline-start: var(--cnvs-sys-space-x2);
382
- padding-inline-end: var(--cnvs-sys-space-x1);
381
+ padding-inline-start: var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));
382
+ padding-inline-end: var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1));
383
383
  }
384
384
 
385
385
 
386
386
  .cnvs-toolbar-icon-button {
387
387
  box-sizing: border-box;
388
- min-width: var(--cnvs-sys-space-x8);
389
- padding: var(--cnvs-sys-space-zero);
390
- height: var(--cnvs-sys-space-x8);
391
- --cnvs-button-border-radius: var(--cnvs-sys-shape-x1);
388
+ min-width: var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8));
389
+ padding: var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero));
390
+ height: var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8));
391
+ --cnvs-button-border-radius: var(--cnvs-sys-shape-xs, var(--cnvs-sys-shape-x1));
392
392
  --cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
393
393
  }
394
394
 
@@ -434,10 +434,10 @@
434
434
 
435
435
  .cnvs-toolbar-dropdown-button {
436
436
  box-sizing: border-box;
437
- padding: var(--cnvs-sys-space-zero);
438
- min-width: var(--cnvs-sys-space-x8);
439
- gap: var(--cnvs-sys-space-zero);
440
- --cnvs-button-border-radius: var(--cnvs-sys-shape-x1);
437
+ padding: var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero));
438
+ min-width: var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8));
439
+ gap: var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero));
440
+ --cnvs-button-border-radius: var(--cnvs-sys-shape-xs, var(--cnvs-sys-shape-x1));
441
441
  --cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
442
442
  }
443
443
 
@@ -463,7 +463,7 @@
463
463
  }
464
464
 
465
465
  .cnvs-toolbar-dropdown-button [data-part="toolbar-dropdown-btn-custom-icon"] {
466
- margin-inline-start: var(--cnvs-sys-space-x1);
466
+ margin-inline-start: var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));
467
467
  margin-inline-end: calc(0.125rem * -1);
468
468
  }
469
469
 
@@ -491,7 +491,7 @@
491
491
  text-decoration: underline;
492
492
  color: var(--cnvs-sys-color-text-primary-default);
493
493
  cursor: pointer;
494
- border-radius: var(--cnvs-sys-shape-half);
494
+ border-radius: 0.125rem;
495
495
  padding: 0 0.125rem;
496
496
  margin: 0 -2px;
497
497
  transition: color 0.15s,background-color 0.15s;
@@ -567,13 +567,13 @@
567
567
  --cnvs-system-icon-color: currentColor;
568
568
  --cnvs-svg-size: 1em;
569
569
  width: calc(1em - 0.0625rem);
570
- min-width: calc(var(--cnvs-sys-space-x4) - 0.0625rem);
571
- margin-inline-start: calc(var(--cnvs-sys-space-x1) - 0.125rem);
570
+ min-width: calc(var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x4)) - 0.0625rem);
571
+ margin-inline-start: calc(var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1)) - 0.125rem);
572
572
  }
573
573
 
574
574
  .cnvs-external-hyperlink [data-part="external-hyperlink-icon"]>svg {
575
- min-width: var(--cnvs-sys-space-x4);
576
- min-height: var(--cnvs-sys-space-x4);
575
+ min-width: var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x4));
576
+ min-height: var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x4));
577
577
  }
578
578
 
579
579
  .cnvs-external-hyperlink [data-part="external-hyperlink-icon"] :dir(rtl) {
@@ -584,7 +584,7 @@
584
584
  .cnvs-primary-button {
585
585
  box-sizing: border-box;
586
586
  --cnvs-button-background: var(--cnvs-brand-action-base, var(--cnvs-brand-primary-base));
587
- --cnvs-button-border-radius: var(--cnvs-sys-shape-round);
587
+ --cnvs-button-border-radius: var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));
588
588
  --cnvs-button-label: var(--cnvs-brand-action-accent, var(--cnvs-brand-primary-accent));
589
589
  --cnvs-system-icon-color: currentColor;
590
590
  }
@@ -654,7 +654,7 @@
654
654
  .cnvs-secondary-button {
655
655
  box-sizing: border-box;
656
656
  --cnvs-button-background: var(--cnvs-sys-color-bg-transparent-default);
657
- --cnvs-button-border-radius: var(--cnvs-sys-shape-round);
657
+ --cnvs-button-border-radius: var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));
658
658
  --cnvs-button-border: var(--cnvs-sys-color-border-input-default);
659
659
  --cnvs-button-label: var(--cnvs-sys-color-fg-strong);
660
660
  --cnvs-system-icon-color: currentColor;
@@ -731,7 +731,7 @@
731
731
  .cnvs-delete-button {
732
732
  box-sizing: border-box;
733
733
  --cnvs-button-background: var(--cnvs-brand-error-base);
734
- --cnvs-button-border-radius: var(--cnvs-sys-shape-round);
734
+ --cnvs-button-border-radius: var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));
735
735
  --cnvs-button-label: var(--cnvs-brand-error-accent);
736
736
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-default-icon, var(--cnvs-brand-error-accent));
737
737
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-css",
3
- "version": "14.1.19",
3
+ "version": "15.0.0-alpha.0008-next.0",
4
4
  "description": "The parent module that contains all Workday Canvas Kit CSS components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -25,5 +25,5 @@
25
25
  "components",
26
26
  "workday"
27
27
  ],
28
- "gitHead": "29a5672bb1d695563c5469d21223c15ba0321599"
28
+ "gitHead": "26a8bc06dba5ae759ca62ae8922aeaa7bba7015c"
29
29
  }