@idds/styles 1.0.34 → 1.0.35

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/package.json +1 -1
  2. package/src/components/button.css +7 -7
  3. package/src/components/date-picker.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idds/styles",
3
- "version": "1.0.34",
3
+ "version": "1.0.35",
4
4
  "description": "Shared CSS styles and colors for INA Digital Design System",
5
5
  "type": "module",
6
6
  "main": "./src/index.css",
package/src/components/button.css CHANGED
@@ -109,18 +109,18 @@
109
109
  }
110
110
  /* Hierarchy modifiers - Primary */
111
111
  .ina-button--primary {
112
- background-color: var(--ina-primary-500);
113
- color: var(--ina-content-white, #ffffff);
112
+ background-color: var(--ina-primary-300);
113
+ color: var(--ina-white, var(--ina-neutral-25));
114
114
  border: none;
115
115
  }
116
116
 
117
117
  .ina-button--primary:hover:not(:disabled) {
118
- background-color: var(--ina-primary-400, var(--Primary-400));
118
+ background-color: var(--ina-primary-400, var(--ina-blue-400));
119
119
  }
120
120
 
121
121
  .ina-button--primary:focus:not(:disabled) {
122
- background-color: var(--ina-primary-500, var(--Primary-500));
123
- outline: 2px solid var(--ina-primary-300, var(--Primary-300));
122
+ background-color: var(--ina-primary-300, var(--ina-blue-300));
123
+ outline: 2px solid var(--ina-primary-300, var(--ina-blue-300));
124
124
  outline-offset: 2px;
125
125
  }
126
126
 
@@ -169,7 +169,7 @@
169
169
 
170
170
  .ina-button--tertiary:focus:not(:disabled) {
171
171
  background-color: var(--ina-background-tertiary, var(--Background-Tertiary));
172
- outline: 2px solid var(--ina-primary-300, var(--Primary-300));
172
+ outline: 2px solid var(--ina-primary-300, var(--ina-blue-300));
173
173
  outline-offset: 2px;
174
174
  }
175
175
 
@@ -197,7 +197,7 @@
197
197
 
198
198
  .ina-button--link:focus:not(:disabled) {
199
199
  color: var(--ina-guide-400, var(--Guide-400));
200
- outline: 2px solid var(--ina-primary-300, var(--Primary-300));
200
+ outline: 2px solid var(--ina-primary-300, var(--ina-blue-300));
201
201
  outline-offset: 2px;
202
202
  }
203
203
 
package/src/components/date-picker.css CHANGED
@@ -5,7 +5,7 @@
5
5
  .ina-date-picker {
6
6
  position: relative;
7
7
  display: inline-block;
8
- background-color: inherit;
8
+ background-color: var(--ina-white);
9
9
  }
10
10
 
11
11
  /* Trigger Button - Same layout as TextField wrapper */