@indico-data/design-system 2.60.5 → 2.60.6

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 (7) hide show
  1. package/lib/index.css +17 -1
  2. package/lib/index.esm.css +17 -1
  3. package/package.json +1 -1
  4. package/src/components/badge/styles/Badge.scss +1 -1
  5. package/src/styles/_utilities.scss +15 -0
  6. package/src/styles/index.scss +1 -0
  7. package/src/stylesAndAnimations/utilityClasses/UtilityClassesData.ts +6 -0
package/lib/index.css CHANGED
@@ -1973,7 +1973,7 @@ form {
1973
1973
  }
1974
1974
 
1975
1975
  :root [data-theme=light] {
1976
- --pf-badge-background-color: var(--pf-primary-color-950);
1976
+ --pf-badge-background-color: var(--pf-white-color);
1977
1977
  --pf-badge-border-color: var(--pf-border-color);
1978
1978
  --pf-badge-font-color: var(--pf-font-color);
1979
1979
  --pf-badge-rounded: var(--pf-rounded);
@@ -2830,6 +2830,22 @@ form {
2830
2830
  color: var(--pf-stepper-legend-step-disabled-text-color);
2831
2831
  }
2832
2832
 
2833
+ .cursor--pointer {
2834
+ cursor: pointer;
2835
+ }
2836
+
2837
+ .cursor--not-allowed {
2838
+ cursor: not-allowed;
2839
+ }
2840
+
2841
+ .cursor--default {
2842
+ cursor: default;
2843
+ }
2844
+
2845
+ .cursor--grab {
2846
+ cursor: grab;
2847
+ }
2848
+
2833
2849
  :root [data-theme=light] {
2834
2850
  --sheets-background-color: var(--pf-gray-color-100);
2835
2851
  }
package/lib/index.esm.css CHANGED
@@ -1973,7 +1973,7 @@ form {
1973
1973
  }
1974
1974
 
1975
1975
  :root [data-theme=light] {
1976
- --pf-badge-background-color: var(--pf-primary-color-950);
1976
+ --pf-badge-background-color: var(--pf-white-color);
1977
1977
  --pf-badge-border-color: var(--pf-border-color);
1978
1978
  --pf-badge-font-color: var(--pf-font-color);
1979
1979
  --pf-badge-rounded: var(--pf-rounded);
@@ -2830,6 +2830,22 @@ form {
2830
2830
  color: var(--pf-stepper-legend-step-disabled-text-color);
2831
2831
  }
2832
2832
 
2833
+ .cursor--pointer {
2834
+ cursor: pointer;
2835
+ }
2836
+
2837
+ .cursor--not-allowed {
2838
+ cursor: not-allowed;
2839
+ }
2840
+
2841
+ .cursor--default {
2842
+ cursor: default;
2843
+ }
2844
+
2845
+ .cursor--grab {
2846
+ cursor: grab;
2847
+ }
2848
+
2833
2849
  :root [data-theme=light] {
2834
2850
  --sheets-background-color: var(--pf-gray-color-100);
2835
2851
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indico-data/design-system",
3
- "version": "2.60.5",
3
+ "version": "2.60.6",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "lib/index.js",
package/src/components/badge/styles/Badge.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Light Theme Specific Variables
2
2
  :root [data-theme='light'] {
3
- --pf-badge-background-color: var(--pf-primary-color-950);
3
+ --pf-badge-background-color: var(--pf-white-color);
4
4
  --pf-badge-border-color: var(--pf-border-color);
5
5
  --pf-badge-font-color: var(--pf-font-color);
6
6
  --pf-badge-rounded: var(--pf-rounded);
package/src/styles/_utilities.scss ADDED
@@ -0,0 +1,15 @@
1
+ .cursor--pointer {
2
+ cursor: pointer;
3
+ }
4
+
5
+ .cursor--not-allowed {
6
+ cursor: not-allowed;
7
+ }
8
+
9
+ .cursor--default {
10
+ cursor: default;
11
+ }
12
+
13
+ .cursor--grab {
14
+ cursor: grab;
15
+ }
package/src/styles/index.scss CHANGED
@@ -32,6 +32,7 @@
32
32
  @import '../components/truncate/styles/Truncate.scss';
33
33
  @import '../components/toast/styles/Toast.scss';
34
34
  @import '../components/stepper/styles/Stepper.scss';
35
+ @import 'utilities';
35
36
  @import 'sheets'; // Port to an sheets component when we build it
36
37
  @import 'typography';
37
38
  @import 'colors';
package/src/stylesAndAnimations/utilityClasses/UtilityClassesData.ts CHANGED
@@ -227,4 +227,10 @@ export const utilityClassesData: UtilityClassData[] = [
227
227
 
228
228
  // Drop Shadows
229
229
  { className: 'dropshadow', css: 'box-shadow: var(--pf-dropshadow);', category: 'Effect' },
230
+
231
+ // Cursor Utilities
232
+ { className: 'cursor--pointer', css: 'cursor: pointer;', category: 'Cursor' },
233
+ { className: 'cursor--not-allowed', css: 'cursor: not-allowed;', category: 'Cursor' },
234
+ { className: 'cursor--default', css: 'cursor: default;', category: 'Cursor' },
235
+ { className: 'cursor--grab', css: 'cursor: grab;', category: 'Cursor' },
230
236
  ];