@danske/sapphire-css 30.0.0 → 30.0.2
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.
|
@@ -106,10 +106,16 @@
|
|
|
106
106
|
text-align: right;
|
|
107
107
|
text-transform: uppercase;
|
|
108
108
|
padding: 0 var(--sapphire-date-field-size-spacing-segment-horizontal);
|
|
109
|
+
caret-color: transparent;
|
|
109
110
|
}
|
|
110
111
|
|
|
111
|
-
.sapphire-date-field__segment:
|
|
112
|
-
.sapphire-date-field__segment.is-
|
|
112
|
+
.sapphire-date-field__segment:disabled,
|
|
113
|
+
.sapphire-date-field__segment.is-disabled {
|
|
114
|
+
cursor: not-allowed;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.sapphire-date-field__segment:not(:disabled):not(.is-disabled):focus,
|
|
118
|
+
.sapphire-date-field__segment:not(:disabled):not(.is-disabled).is-focus {
|
|
113
119
|
color: var(--sapphire-date-field-color-content-segment-selected);
|
|
114
120
|
background-color: var(--sapphire-date-field-color-background-segment);
|
|
115
121
|
outline: none;
|
|
@@ -190,6 +196,11 @@
|
|
|
190
196
|
width: var(--sapphire-date-field-size-width-button-m);
|
|
191
197
|
}
|
|
192
198
|
|
|
199
|
+
.sapphire-date-field__button:disabled,
|
|
200
|
+
.sapphire-date-field__button.is-disabled {
|
|
201
|
+
cursor: not-allowed;
|
|
202
|
+
}
|
|
203
|
+
|
|
193
204
|
/**
|
|
194
205
|
* Icon (button)
|
|
195
206
|
*/
|
|
@@ -4,12 +4,12 @@ declare const styles: {
|
|
|
4
4
|
readonly "sapphire-date-field--range": string;
|
|
5
5
|
readonly "sapphire-date-field__input": string;
|
|
6
6
|
readonly "sapphire-date-field__segment": string;
|
|
7
|
+
readonly "is-disabled": string;
|
|
7
8
|
readonly "is-focus": string;
|
|
8
9
|
readonly "sapphire-date-field__segment--filled": string;
|
|
9
10
|
readonly "sapphire-date-field--error": string;
|
|
10
11
|
readonly "sapphire-date-field__button": string;
|
|
11
12
|
readonly "sapphire-date-field__icon": string;
|
|
12
|
-
readonly "is-disabled": string;
|
|
13
13
|
readonly "is-active": string;
|
|
14
14
|
readonly "js-hover": string;
|
|
15
15
|
readonly "is-hover": string;
|
|
@@ -153,6 +153,8 @@
|
|
|
153
153
|
display: flex;
|
|
154
154
|
align-items: center;
|
|
155
155
|
margin-right: var(--sapphire-list-spacing-item-horizontal-content);
|
|
156
|
+
/* This was added to accommodate nowrap + hidden text overflow situations */
|
|
157
|
+
min-width: 0;
|
|
156
158
|
}
|
|
157
159
|
|
|
158
160
|
.sapphire-list__item-content-right {
|
|
@@ -167,6 +169,9 @@
|
|
|
167
169
|
display: flex;
|
|
168
170
|
flex-direction: column;
|
|
169
171
|
font-family: var(--sapphire-list-font-name);
|
|
172
|
+
/* This was added to accommodate nowrap + hidden text overflow situation */
|
|
173
|
+
min-width: 0;
|
|
174
|
+
overflow-wrap: break-word;
|
|
170
175
|
}
|
|
171
176
|
|
|
172
177
|
.sapphire-list__item-text--reversedOrder {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danske/sapphire-css",
|
|
3
|
-
"version": "30.0.
|
|
3
|
+
"version": "30.0.2",
|
|
4
4
|
"description": "CSS implementation of the Sapphire Design System from Danske Bank A/S",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"dependencies": {
|
|
69
69
|
"@danske/sapphire-design-tokens": "^38.0.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "a79cc70d1fbf9428858ab9b1d43c38f602e39558"
|
|
72
72
|
}
|