@workday/canvas-kit-preview-css 14.0.0-alpha.1210-next.0 → 14.0.0-alpha.1212-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 (2) hide show
  1. package/information-highlight.css +23 -22
  2. package/package.json +2 -2
package/information-highlight.css CHANGED
@@ -47,77 +47,78 @@
47
47
  padding: var(--cnvs-sys-space-x4);
48
48
  border-radius: var(--cnvs-sys-shape-x1);
49
49
  outline: 0.0625rem solid transparent;
50
+ border-inline-start: var(--cnvs-sys-space-x1) solid transparent;
50
51
  }
51
52
 
52
53
 
53
54
  .cnvs-preview-information-highlight.informational-low {
54
- border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);
55
+ border-inline-start-color: var(--cnvs-sys-color-border-info-default);
55
56
  background-color: var(--cnvs-sys-color-bg-alt-soft);
56
57
  }
57
58
 
58
59
  .cnvs-preview-information-highlight.informational-low [data-part="information-highlight-icon"] {
59
- --cnvs-system-icon-accent-color: var(--cnvs-sys-color-bg-primary-default);
60
- --cnvs-system-icon-color: var(--cnvs-sys-color-bg-primary-default);
61
- --cnvs-system-icon-background-color: none;
60
+ --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-info-default);
61
+ --cnvs-system-icon-color: var(--cnvs-sys-color-icon-info-default);
62
+ --cnvs-system-icon-background-color: transparent;
62
63
  }
63
64
 
64
65
 
65
66
  .cnvs-preview-information-highlight.informational-high {
66
- border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);
67
- background-color: var(--cnvs-sys-color-bg-primary-softer);
67
+ border-inline-start-color: var(--cnvs-sys-color-border-info-default);
68
+ background-color: var(--cnvs-sys-color-bg-info-softest);
68
69
  }
69
70
 
70
71
  .cnvs-preview-information-highlight.informational-high [data-part="information-highlight-icon"] {
71
72
  --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-inverse);
72
- --cnvs-system-icon-color: var(--cnvs-sys-color-bg-primary-default);
73
- --cnvs-system-icon-background-color: var(--cnvs-sys-color-bg-primary-default);
73
+ --cnvs-system-icon-color: var(--cnvs-sys-color-icon-info-default);
74
+ --cnvs-system-icon-background-color: var(--cnvs-sys-color-icon-info-default);
74
75
  }
75
76
 
76
77
 
77
78
  .cnvs-preview-information-highlight.caution-low {
78
- border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);
79
+ border-inline-start-color: var(--cnvs-sys-color-border-caution-default);
79
80
  background-color: var(--cnvs-sys-color-bg-alt-soft);
80
81
  }
81
82
 
82
83
  .cnvs-preview-information-highlight.caution-low [data-part="information-highlight-icon"] {
83
- --cnvs-system-icon-accent-color: var(--cnvs-sys-color-fg-contrast-default);
84
- --cnvs-system-icon-color: var(--cnvs-sys-color-fg-contrast-default);
85
- --cnvs-system-icon-background-color: none;
84
+ --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-strong);
85
+ --cnvs-system-icon-color: var(--cnvs-sys-color-icon-strong);
86
+ --cnvs-system-icon-background-color: transparent;
86
87
  }
87
88
 
88
89
 
89
90
  .cnvs-preview-information-highlight.caution-high {
90
- border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);
91
+ border-inline-start-color: var(--cnvs-sys-color-border-caution-default);
91
92
  background-color: var(--cnvs-sys-color-bg-caution-softest);
92
93
  }
93
94
 
94
95
  .cnvs-preview-information-highlight.caution-high [data-part="information-highlight-icon"] {
95
96
  --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-inverse);
96
- --cnvs-system-icon-color: var(--cnvs-sys-color-fg-contrast-default);
97
- --cnvs-system-icon-background-color: var(--cnvs-sys-color-fg-contrast-default);
97
+ --cnvs-system-icon-color: var(--cnvs-sys-color-icon-caution-softer);
98
+ --cnvs-system-icon-background-color: var(--cnvs-sys-color-icon-caution-softer);
98
99
  }
99
100
 
100
101
 
101
102
  .cnvs-preview-information-highlight.critical-low {
102
- border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);
103
+ border-inline-start-color: var(--cnvs-sys-color-border-critical-default);
103
104
  background-color: var(--cnvs-sys-color-bg-alt-soft);
104
105
  }
105
106
 
106
107
  .cnvs-preview-information-highlight.critical-low [data-part="information-highlight-icon"] {
107
- --cnvs-system-icon-accent-color: var(--cnvs-sys-color-bg-critical-default);
108
- --cnvs-system-icon-color: var(--cnvs-sys-color-bg-critical-default);
109
- --cnvs-system-icon-background-color: none;
108
+ --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-critical-default);
109
+ --cnvs-system-icon-color: var(--cnvs-sys-color-icon-critical-default);
110
+ --cnvs-system-icon-background-color: transparent;
110
111
  }
111
112
 
112
113
 
113
114
  .cnvs-preview-information-highlight.critical-high {
114
- border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);
115
+ border-inline-start-color: var(--cnvs-sys-color-border-critical-default);
115
116
  background-color: var(--cnvs-sys-color-bg-critical-softest);
116
117
  }
117
118
 
118
119
  .cnvs-preview-information-highlight.critical-high [data-part="information-highlight-icon"] {
119
120
  --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-inverse);
120
- --cnvs-system-icon-color: var(--cnvs-sys-color-bg-critical-default);
121
- --cnvs-system-icon-background-color: var(--cnvs-sys-color-fg-critical-default);
121
+ --cnvs-system-icon-color: var(--cnvs-sys-color-icon-critical-default);
122
+ --cnvs-system-icon-background-color: var(--cnvs-sys-color-icon-critical-default);
122
123
  }
123
124
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-css",
3
- "version": "14.0.0-alpha.1210-next.0",
3
+ "version": "14.0.0-alpha.1212-next.0",
4
4
  "description": "The parent module that contains all Workday Canvas Kit Preview 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": "8ef8c7a0b7515a9341550c564b84bed91598e9f7"
28
+ "gitHead": "4061f71f096822b9165e03d503a7f22ee01c1565"
29
29
  }