@patternfly/react-styles 4.32.1 → 4.33.1

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 (5) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/css/components/Label/label.css +37 -0
  3. package/css/components/Label/label.d.ts +2 -0
  4. package/css/components/Label/label.js +2 -0
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,44 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.33.1 (2022-01-06)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ # 4.33.0 (2022-01-05)
15
+
16
+
17
+ ### Features
18
+
19
+ * **Table:** allow a generic to be passed for cell props ([#6691](https://github.com/patternfly/patternfly-react/issues/6691)) ([e22c7be](https://github.com/patternfly/patternfly-react/commit/e22c7bebf630b7cd71e4dc434c593b69fa2fb2c8))
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.32.3 (2022-01-04)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * **docs:** fix broken theme-patternfly-org link ([#6726](https://github.com/patternfly/patternfly-react/issues/6726)) ([4ba15e9](https://github.com/patternfly/patternfly-react/commit/4ba15e9d9611afbb80d995e4d63f5478c4212a9e))
31
+
32
+
33
+
34
+
35
+
36
+ ## 4.32.2 (2022-01-04)
37
+
38
+ **Note:** Version bump only for package @patternfly/react-styles
39
+
40
+
41
+
42
+
43
+
6
44
  ## 4.32.1 (2022-01-04)
7
45
 
8
46
 
package/css/components/Label/label.css CHANGED
@@ -93,6 +93,7 @@
93
93
  --pf-c-label--m-compact--PaddingBottom: 0;
94
94
  --pf-c-label--m-compact--PaddingLeft: var(--pf-global--spacer--sm);
95
95
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
96
+ --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
96
97
  --pf-c-label__content--Color: var(--pf-global--Color--100);
97
98
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
98
99
  --pf-c-label__text--MaxWidth: 16ch;
@@ -107,6 +108,18 @@
107
108
  --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
108
109
  --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
109
110
  --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
111
+ --pf-c-label__editable-text--MaxWidth: 16ch;
112
+ --pf-c-label__editable-text--BorderWidth: 0;
113
+ --pf-c-label--m-editable--Cursor: pointer;
114
+ --pf-c-label--m-editable--TextDecoration: underline;
115
+ --pf-c-label--m-editable--TextDecorationStyle: dashed;
116
+ --pf-c-label--m-editable--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
117
+ --pf-c-label--m-editable--TextDecorationOffset: 0.25rem;
118
+ --pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
119
+ --pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
120
+ --pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
121
+ --pf-c-label--m-editable--m-editable-active--Cursor: auto;
122
+ --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
110
123
  --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
111
124
  --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
112
125
  --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
@@ -125,6 +138,7 @@
125
138
  --pf-c-label--PaddingBottom: var(--pf-c-label--m-compact--PaddingBottom);
126
139
  --pf-c-label--PaddingLeft: var(--pf-c-label--m-compact--PaddingLeft);
127
140
  --pf-c-label--FontSize: var(--pf-c-label--m-compact--FontSize);
141
+ --pf-c-label--m-editable--TextDecorationOffset: var(--pf-c-label--m-compact--m-editable--TextDecorationOffset);
128
142
  }
129
143
  .pf-c-label.pf-m-blue {
130
144
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-blue--BackgroundColor);
@@ -215,7 +229,23 @@
215
229
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--focus--before--BorderColor);
216
230
  }
217
231
 
232
+ .pf-c-label.pf-m-editable {
233
+ text-decoration: var(--pf-c-label--m-editable--TextDecoration);
234
+ cursor: var(--pf-c-label--m-editable--Cursor);
235
+ text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
236
+ text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
237
+ text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
238
+ text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
239
+ }
240
+ .pf-c-label.pf-m-editable:hover {
241
+ --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
242
+ }
243
+ .pf-c-label.pf-m-editable:focus {
244
+ --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--focus--TextDecorationColor);
245
+ }
218
246
  .pf-c-label.pf-m-editable-active {
247
+ --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
248
+ --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
219
249
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
220
250
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
221
251
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
@@ -223,6 +253,13 @@
223
253
  .pf-c-label.pf-m-editable-active .pf-c-button {
224
254
  visibility: hidden;
225
255
  }
256
+ .pf-c-label .pf-c-label__editable-text {
257
+ overflow: hidden;
258
+ text-overflow: ellipsis;
259
+ white-space: nowrap;
260
+ max-width: var(--pf-c-label__editable-text--MaxWidth);
261
+ border-width: var(--pf-c-label__editable-text--BorderWidth);
262
+ }
226
263
  .pf-c-label .pf-c-button {
227
264
  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
228
265
  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
package/css/components/Label/label.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const _default: {
3
3
  "button": "pf-c-button",
4
4
  "label": "pf-c-label",
5
5
  "labelContent": "pf-c-label__content",
6
+ "labelEditableText": "pf-c-label__editable-text",
6
7
  "labelIcon": "pf-c-label__icon",
7
8
  "labelText": "pf-c-label__text",
8
9
  "modifiers": {
@@ -15,6 +16,7 @@ declare const _default: {
15
16
  "cyan": "pf-m-cyan",
16
17
  "outline": "pf-m-outline",
17
18
  "overflow": "pf-m-overflow",
19
+ "editable": "pf-m-editable",
18
20
  "editableActive": "pf-m-editable-active"
19
21
  }
20
22
  };
package/css/components/Label/label.js CHANGED
@@ -5,6 +5,7 @@ exports.default = {
5
5
  "button": "pf-c-button",
6
6
  "label": "pf-c-label",
7
7
  "labelContent": "pf-c-label__content",
8
+ "labelEditableText": "pf-c-label__editable-text",
8
9
  "labelIcon": "pf-c-label__icon",
9
10
  "labelText": "pf-c-label__text",
10
11
  "modifiers": {
@@ -17,6 +18,7 @@ exports.default = {
17
18
  "cyan": "pf-m-cyan",
18
19
  "outline": "pf-m-outline",
19
20
  "overflow": "pf-m-overflow",
21
+ "editable": "pf-m-editable",
20
22
  "editableActive": "pf-m-editable-active"
21
23
  }
22
24
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.32.1",
3
+ "version": "4.33.1",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.164.2",
22
+ "@patternfly/patternfly": "4.164.4",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "7ef55a0e7fc984b853657c3b86e14e4e0f6ffe1c"
32
+ "gitHead": "87b97537c17089399b8c142a28fd35440a9dc8d1"
33
33
  }