@workday/canvas-kit-css 14.2.24 → 14.2.26

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 (15) hide show
  1. package/avatar.css +1 -1
  2. package/badge.css +2 -2
  3. package/banner.css +1 -1
  4. package/button.css +12 -12
  5. package/checkbox.css +6 -6
  6. package/color-picker.css +1 -1
  7. package/loading-dots.css +2 -2
  8. package/modal.css +2 -2
  9. package/package.json +2 -2
  10. package/popup.css +2 -2
  11. package/skeleton.css +2 -2
  12. package/switch.css +3 -3
  13. package/tabs.css +2 -2
  14. package/text-input.css +2 -2
  15. package/tooltip.css +2 -2
package/avatar.css CHANGED
@@ -17,7 +17,7 @@
17
17
 
18
18
  .cnvs-avatar:focus-visible, .cnvs-avatar.focus {
19
19
  outline: none;
20
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
20
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
21
21
  }
22
22
 
23
23
  .cnvs-avatar :is(button) {
package/badge.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-3vj8eg {
1
+ @keyframes animation-14uida {
2
2
  from {
3
3
  transform: scale(0.85);
4
4
  }
@@ -12,7 +12,7 @@
12
12
  .cnvs-count-badge {
13
13
  box-sizing: border-box;
14
14
  align-items: center;
15
- animation: animation-3vj8eg 0.2s ease;
15
+ animation: animation-14uida 0.2s ease;
16
16
  border-radius: var(--cnvs-sys-shape-round);
17
17
  display: inline-flex;
18
18
  font-family: var(--cnvs-sys-font-family-default);
package/banner.css CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
  .cnvs-banner:focus-visible, .cnvs-banner.focus {
48
48
  outline: var(--cnvs-sys-shape-x1) double transparent;
49
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
49
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
50
50
  }
51
51
 
52
52
 
package/button.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, var(--cnvs-sys-color-fg-strong));
42
42
  outline: 0.125rem solid transparent;
43
43
  outline-offset: 0.125rem;
44
- box-shadow: 0 0 0 2px var(--cnvs-button-color-prop-focus-box-shadow-inner, var(--cnvs-button-box-shadow-inner, var(--cnvs-sys-color-border-inverse))),0 0 0 4px var(--cnvs-button-color-prop-focus-box-shadow-outer, var(--cnvs-button-box-shadow-outer, var(--cnvs-brand-common-focus-outline)));
44
+ box-shadow: 0 0 0 2px var(--cnvs-button-color-prop-focus-box-shadow-inner, var(--cnvs-button-box-shadow-inner, var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)))),0 0 0 4px var(--cnvs-button-color-prop-focus-box-shadow-outer, var(--cnvs-button-box-shadow-outer, var(--cnvs-brand-common-focus-outline)));
45
45
  }
46
46
 
47
47
  .cnvs-button:hover, .cnvs-button.hover {
@@ -234,7 +234,7 @@
234
234
  --cnvs-button-background: var(--cnvs-sys-color-bg-transparent-default);
235
235
  --cnvs-button-label: var(--cnvs-brand-primary-base);
236
236
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, currentColor);
237
- box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse),0 0 0 2px var(--cnvs-brand-common-focus-outline);
237
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 2px var(--cnvs-brand-common-focus-outline);
238
238
  }
239
239
 
240
240
  .cnvs-tertiary-button:hover, .cnvs-tertiary-button.hover {
@@ -293,7 +293,7 @@
293
293
  --cnvs-button-background: var(--cnvs-sys-color-bg-translucent);
294
294
  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
295
295
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, currentColor);
296
- box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 2px var(--cnvs-sys-color-border-inverse);
296
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
297
297
  }
298
298
 
299
299
  .cnvs-tertiary-button.variant-inverse:hover, .cnvs-tertiary-button.variant-inverse.hover {
@@ -592,7 +592,7 @@
592
592
  .cnvs-primary-button:focus-visible, .cnvs-primary-button.focus {
593
593
  --cnvs-button-background: var(--cnvs-brand-action-base, var(--cnvs-brand-primary-base));
594
594
  --cnvs-button-label: var(--cnvs-brand-action-accent, var(--cnvs-brand-primary-accent));
595
- --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse);
595
+ --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
596
596
  --cnvs-button-box-shadow-outer: var(--cnvs-brand-common-focus-outline);
597
597
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, currentColor);
598
598
  }
@@ -628,7 +628,7 @@
628
628
  --cnvs-button-background: var(--cnvs-brand-action-lightest, var(--cnvs-brand-primary-lightest));
629
629
  --cnvs-button-label: var(--cnvs-sys-color-fg-strong);
630
630
  --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-contrast-default);
631
- --cnvs-button-box-shadow-outer: var(--cnvs-sys-color-border-inverse);
631
+ --cnvs-button-box-shadow-outer: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
632
632
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, currentColor);
633
633
  }
634
634
 
@@ -663,7 +663,7 @@
663
663
  .cnvs-secondary-button:focus-visible, .cnvs-secondary-button.focus {
664
664
  --cnvs-button-background: var(--cnvs-sys-color-bg-default);
665
665
  --cnvs-button-label: var(--cnvs-sys-color-fg-stronger);
666
- --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse);
666
+ --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
667
667
  --cnvs-button-box-shadow-outer: var(--cnvs-brand-common-focus-outline);
668
668
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, currentColor);
669
669
  }
@@ -692,14 +692,14 @@
692
692
 
693
693
  .cnvs-secondary-button.variant-inverse {
694
694
  --cnvs-button-background: transparent;
695
- --cnvs-button-border: var(--cnvs-sys-color-border-inverse);
695
+ --cnvs-button-border: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
696
696
  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
697
697
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-default-icon, currentColor);
698
698
  }
699
699
 
700
700
  .cnvs-secondary-button.variant-inverse:hover, .cnvs-secondary-button.variant-inverse.hover {
701
701
  --cnvs-button-background: var(--cnvs-sys-color-bg-transparent-strong);
702
- --cnvs-button-border: var(--cnvs-sys-color-border-inverse);
702
+ --cnvs-button-border: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
703
703
  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
704
704
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-hover-icon, currentColor);
705
705
  }
@@ -709,20 +709,20 @@
709
709
  --cnvs-button-border: transparent;
710
710
  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
711
711
  --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-contrast-default);
712
- --cnvs-button-box-shadow-outer: var(--cnvs-sys-color-border-inverse);
712
+ --cnvs-button-box-shadow-outer: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
713
713
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, currentColor);
714
714
  }
715
715
 
716
716
  .cnvs-secondary-button.variant-inverse:active, .cnvs-secondary-button.variant-inverse.active {
717
717
  --cnvs-button-background: var(--cnvs-sys-color-bg-transparent-stronger);
718
- --cnvs-button-border: var(--cnvs-sys-color-border-inverse);
718
+ --cnvs-button-border: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
719
719
  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
720
720
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-active-icon, currentColor);
721
721
  }
722
722
 
723
723
  .cnvs-secondary-button.variant-inverse:disabled, .cnvs-secondary-button.variant-inverse.disabled {
724
724
  --cnvs-button-background: transparent;
725
- --cnvs-button-border: var(--cnvs-sys-color-border-inverse);
725
+ --cnvs-button-border: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
726
726
  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
727
727
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-disabled-icon, currentColor);
728
728
  }
@@ -740,7 +740,7 @@
740
740
  --cnvs-button-background: var(--cnvs-brand-error-base);
741
741
  --cnvs-button-label: var(--cnvs-brand-error-accent);
742
742
  --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, var(--cnvs-brand-error-accent));
743
- --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse);
743
+ --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
744
744
  --cnvs-button-box-shadow-outer: var(--cnvs-brand-common-focus-outline);
745
745
  }
746
746
 
package/checkbox.css CHANGED
@@ -156,11 +156,11 @@
156
156
  .cnvs-checkbox-input:where(:focus-visible, .focus)~div:first-of-type {
157
157
  border-color: var(--cnvs-brand-primary-base);
158
158
  border-width: 0.125rem;
159
- box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 0px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
159
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 0px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
160
160
  }
161
161
 
162
162
  .cnvs-checkbox-input:checked:focus-visible~div:first-of-type, .cnvs-checkbox-input:indeterminate:focus-visible~div:first-of-type, .cnvs-checkbox-input:checked.focus~div:first-of-type, .cnvs-checkbox-input:indeterminate.focus~div:first-of-type {
163
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
163
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
164
164
  border-color: var(--cnvs-brand-primary-base);
165
165
  border-width: 0.125rem;
166
166
  }
@@ -199,12 +199,12 @@
199
199
 
200
200
  .cnvs-checkbox-input.variant-inverse:where(:focus-visible, .focus)~div:first-of-type {
201
201
  border-color: var(--cnvs-sys-color-border-contrast-default);
202
- box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-contrast-default),0 0 0 2px var(--cnvs-sys-color-border-inverse);
202
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-contrast-default),0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
203
203
  }
204
204
 
205
205
  .cnvs-checkbox-input.variant-inverse:checked:focus-visible~div:first-of-type, .cnvs-checkbox-input.variant-inverse:checked.focus~div:first-of-type, .cnvs-checkbox-input.variant-inverse:indeterminate:focus-visible~div:first-of-type, .cnvs-checkbox-input.variant-inverse:indeterminate.focus~div:first-of-type {
206
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-contrast-default),0 0 0 4px var(--cnvs-sys-color-border-inverse);
207
- border-color: var(--cnvs-sys-color-border-inverse);
206
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-contrast-default),0 0 0 4px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
207
+ border-color: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
208
208
  }
209
209
 
210
210
 
@@ -220,7 +220,7 @@
220
220
 
221
221
  .cnvs-checkbox-input.error:where(:checked, :indeterminate)~div:first-of-type {
222
222
  border-color: transparent;
223
- box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),0 0 0 0.25rem var(--cnvs-checkbox-background-error-ring-color-inner),0 0 0 0.3125rem var(--cnvs-checkbox-background-error-ring-color-outer);
223
+ box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 0.25rem var(--cnvs-checkbox-background-error-ring-color-inner),0 0 0 0.3125rem var(--cnvs-checkbox-background-error-ring-color-outer);
224
224
  }
225
225
 
226
226
  .cnvs-checkbox-input.error:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active)~div:first-of-type {
package/color-picker.css CHANGED
@@ -81,7 +81,7 @@
81
81
  .cnvs-color-preview {
82
82
  box-sizing: border-box;
83
83
  background-color: var(--cnvs-sys-color-bg-default);
84
- border-color: var(--cnvs-sys-color-border-inverse);
84
+ border-color: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
85
85
  pointer-events: none;
86
86
  }
87
87
 
package/loading-dots.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-3i9y2r {
1
+ @keyframes animation-1lfkkr {
2
2
  0%, 80%, 100% {
3
3
  transform: scale(0);
4
4
  }
@@ -38,7 +38,7 @@
38
38
  outline: 0.125rem solid transparent;
39
39
  transform: scale(0);
40
40
  display: inline-block;
41
- animation-name: animation-3i9y2r;
41
+ animation-name: animation-1lfkkr;
42
42
  animation-duration: calc(var(--cnvs-loading-dots-animation-duration-ms) * 35);
43
43
  animation-iteration-count: infinite;
44
44
  animation-timing-function: ease-in-out;
package/modal.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-2ezc43 {
1
+ @keyframes animation-1hafuv {
2
2
  0% {
3
3
  background: none;
4
4
  }
@@ -18,7 +18,7 @@
18
18
  height: 100vh;
19
19
  background: var(--cnvs-sys-color-bg-overlay);
20
20
  animation-duration: 0.3s;
21
- animation-name: animation-2ezc43;
21
+ animation-name: animation-1hafuv;
22
22
  }
23
23
 
24
24
  .wd-no-animation .cnvs-modal-overlay-container {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-css",
3
- "version": "14.2.24",
3
+ "version": "14.2.26",
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": "a1685eb38e9e40bb90adbd81672e759ba4391314"
28
+ "gitHead": "2817fe79397ba200c146bdfe38679041579e6a95"
29
29
  }
package/popup.css CHANGED
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
 
6
- @keyframes animation-3jwejx {
6
+ @keyframes animation-3zxe {
7
7
  0% {
8
8
  opacity: 1;
9
9
  transform: translate(var(--cnvs-translate-position-x), var(--cnvs-translate-position-y));
@@ -31,7 +31,7 @@
31
31
  padding: var(--cnvs-sys-space-x6);
32
32
  max-height: var(--cnvs-popup-card-max-height);
33
33
  overflow-y: auto;
34
- animation-name: animation-3jwejx;
34
+ animation-name: animation-3zxe;
35
35
  animation-duration: 150ms;
36
36
  animation-timing-function: ease-out;
37
37
  transform-origin: var(--cnvs-popup-card-transform-origin-vertical) var(--cnvs-popup-card-transform-origin-horizontal);
package/skeleton.css CHANGED
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
 
39
- @keyframes animation-2dye88 {
39
+ @keyframes animation-3d7npy {
40
40
  from {
41
41
  opacity: 0.4;
42
42
  }
@@ -49,7 +49,7 @@
49
49
 
50
50
  .cnvs-skeleton {
51
51
  box-sizing: border-box;
52
- animation: animation-2dye88 0.8s linear infinite alternate;
52
+ animation: animation-3d7npy 0.8s linear infinite alternate;
53
53
  position: relative;
54
54
  overflow: hidden;
55
55
  height: 100%;
package/switch.css CHANGED
@@ -40,17 +40,17 @@
40
40
  }
41
41
 
42
42
  .cnvs-switch-input:focus-visible~div:first-of-type, .cnvs-switch-input:focus~div:first-of-type, .cnvs-switch-input.focus~div:first-of-type {
43
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
43
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
44
44
  }
45
45
 
46
46
 
47
47
  .cnvs-switch-input.error-error~div:first-of-type {
48
- box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-error-inner),0 0 0 0.3125rem transparent;
48
+ box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-error-inner),0 0 0 0.3125rem transparent;
49
49
  }
50
50
 
51
51
 
52
52
  .cnvs-switch-input.error-caution~div:first-of-type {
53
- box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-alert-inner),0 0 0 0.3125rem var(--cnvs-brand-common-alert-outer);
53
+ box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-alert-inner),0 0 0 0.3125rem var(--cnvs-brand-common-alert-outer);
54
54
  }
55
55
 
56
56
 
package/tabs.css CHANGED
@@ -36,8 +36,8 @@
36
36
 
37
37
  .cnvs-tab-item:focus-visible, .cnvs-tab-item.focus {
38
38
  outline: 0.125rem solid transparent;
39
- box-shadow: inset 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1)),inset 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1));
40
- --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse);
39
+ box-shadow: inset 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1)),inset 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
40
+ --cnvs-button-box-shadow-inner: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
41
41
  --cnvs-button-box-shadow-outer: var(--cnvs-brand-common-focus-outline);
42
42
  --cnvs-system-icon-color: var(--cnvs-sys-color-icon-strong);
43
43
  }
package/text-input.css CHANGED
@@ -70,7 +70,7 @@
70
70
  }
71
71
 
72
72
  .cnvs-text-input.error-error:is(:focus-visible, .focus):not([disabled]) {
73
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse),0 0 0 4px var(--cnvs-brand-common-focus-outline);
73
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
74
74
  outline-offset: 0.125rem;
75
75
  }
76
76
 
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
89
  .cnvs-text-input.error-caution:is(:focus-visible, .focus):not([disabled]) {
90
- box-shadow: inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),0 0 0 2px var(--cnvs-sys-color-border-inverse),0 0 0 4px var(--cnvs-brand-common-focus-outline);
90
+ box-shadow: inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
91
91
  }
92
92
 
93
93
 
package/tooltip.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-2zzmh4 {
1
+ @keyframes animation-25a9bk {
2
2
  0% {
3
3
  opacity: 0;
4
4
  transform: translate(var(--cnvs-tooltip-translate-position-x), var(--cnvs-tooltip-translate-position-y));
@@ -22,7 +22,7 @@
22
22
  position: relative;
23
23
  padding: var(--cnvs-sys-space-x3);
24
24
  color: var(--cnvs-sys-color-text-inverse);
25
- animation-name: animation-2zzmh4;
25
+ animation-name: animation-25a9bk;
26
26
  animation-duration: 150ms;
27
27
  animation-timing-function: ease-out;
28
28
  transform-origin: var(--cnvs-tooltip-container-tooltip-transform-origin-vertical) var(--cnvs-tooltip-container-tooltip-transform-origin-horizontal);