@gitlab/ui 103.2.0 → 103.4.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 (18) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +9 -9
  5. package/dist/tokens/css/tokens.dark.css +5 -5
  6. package/dist/tokens/js/tokens.dark.js +9 -9
  7. package/dist/tokens/json/tokens.dark.json +14 -14
  8. package/dist/tokens/json/tokens.json +5 -5
  9. package/dist/tokens/scss/_tokens.dark.scss +5 -5
  10. package/package.json +1 -1
  11. package/src/components/base/badge/badge.scss +2 -5
  12. package/src/components/base/drawer/drawer.scss +8 -13
  13. package/src/tokens/build/css/tokens.dark.css +5 -5
  14. package/src/tokens/build/js/tokens.dark.js +9 -9
  15. package/src/tokens/build/json/tokens.dark.json +14 -14
  16. package/src/tokens/build/json/tokens.json +5 -5
  17. package/src/tokens/build/scss/_tokens.dark.scss +5 -5
  18. package/src/tokens/status.tokens.json +5 -5
package/src/tokens/build/json/tokens.json CHANGED
@@ -21171,7 +21171,7 @@
21171
21171
  "original": {
21172
21172
  "$value": {
21173
21173
  "default": "{color.neutral.500}",
21174
- "dark": "{color.neutral.400}"
21174
+ "dark": "{color.neutral.300}"
21175
21175
  },
21176
21176
  "$type": "color",
21177
21177
  "$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state."
@@ -21248,7 +21248,7 @@
21248
21248
  "original": {
21249
21249
  "$value": {
21250
21250
  "default": "{color.blue.500}",
21251
- "dark": "{color.blue.400}"
21251
+ "dark": "{color.blue.300}"
21252
21252
  },
21253
21253
  "$type": "color",
21254
21254
  "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress."
@@ -21325,7 +21325,7 @@
21325
21325
  "original": {
21326
21326
  "$value": {
21327
21327
  "default": "{color.green.500}",
21328
- "dark": "{color.green.400}"
21328
+ "dark": "{color.green.300}"
21329
21329
  },
21330
21330
  "$type": "color",
21331
21331
  "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation."
@@ -21402,7 +21402,7 @@
21402
21402
  "original": {
21403
21403
  "$value": {
21404
21404
  "default": "{color.orange.500}",
21405
- "dark": "{color.orange.400}"
21405
+ "dark": "{color.orange.300}"
21406
21406
  },
21407
21407
  "$type": "color",
21408
21408
  "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item."
@@ -21479,7 +21479,7 @@
21479
21479
  "original": {
21480
21480
  "$value": {
21481
21481
  "default": "{color.red.500}",
21482
- "dark": "{color.red.400}"
21482
+ "dark": "{color.red.300}"
21483
21483
  },
21484
21484
  "$type": "color",
21485
21485
  "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition."
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -749,19 +749,19 @@ $gl-icon-color-success: $gl-color-green-300; // Used for an icon associated with
749
749
  $gl-shadow-color-default: $gl-color-alpha-dark-40; // Used for the default shadow color.
750
750
  $gl-status-neutral-background-color: $gl-color-neutral-800; // Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
751
751
  $gl-status-neutral-text-color: $gl-color-neutral-200; // Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
752
- $gl-status-neutral-icon-color: $gl-color-neutral-400; // Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
752
+ $gl-status-neutral-icon-color: $gl-color-neutral-300; // Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.
753
753
  $gl-status-info-background-color: $gl-color-blue-800; // Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
754
754
  $gl-status-info-text-color: $gl-color-blue-200; // Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
755
- $gl-status-info-icon-color: $gl-color-blue-400; // Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
755
+ $gl-status-info-icon-color: $gl-color-blue-300; // Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.
756
756
  $gl-status-success-background-color: $gl-color-green-800; // Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
757
757
  $gl-status-success-text-color: $gl-color-green-200; // Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
758
- $gl-status-success-icon-color: $gl-color-green-400; // Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
758
+ $gl-status-success-icon-color: $gl-color-green-300; // Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.
759
759
  $gl-status-warning-background-color: $gl-color-orange-800; // Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
760
760
  $gl-status-warning-text-color: $gl-color-orange-200; // Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
761
- $gl-status-warning-icon-color: $gl-color-orange-400; // Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
761
+ $gl-status-warning-icon-color: $gl-color-orange-300; // Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.
762
762
  $gl-status-danger-background-color: $gl-color-red-800; // Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
763
763
  $gl-status-danger-text-color: $gl-color-red-200; // Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
764
- $gl-status-danger-icon-color: $gl-color-red-400; // Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
764
+ $gl-status-danger-icon-color: $gl-color-red-300; // Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.
765
765
  $gl-status-brand-background-color: $gl-color-purple-900; // Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
766
766
  $gl-status-brand-text-color: $gl-color-purple-300; // Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
767
767
  $gl-status-brand-icon-color: $gl-color-purple-500; // Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.
package/src/tokens/status.tokens.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "color": {
26
26
  "$value": {
27
27
  "default": "{color.neutral.500}",
28
- "dark": "{color.neutral.400}"
28
+ "dark": "{color.neutral.300}"
29
29
  },
30
30
  "$type": "color",
31
31
  "$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state."
@@ -57,7 +57,7 @@
57
57
  "color": {
58
58
  "$value": {
59
59
  "default": "{color.blue.500}",
60
- "dark": "{color.blue.400}"
60
+ "dark": "{color.blue.300}"
61
61
  },
62
62
  "$type": "color",
63
63
  "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress."
@@ -89,7 +89,7 @@
89
89
  "color": {
90
90
  "$value": {
91
91
  "default": "{color.green.500}",
92
- "dark": "{color.green.400}"
92
+ "dark": "{color.green.300}"
93
93
  },
94
94
  "$type": "color",
95
95
  "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation."
@@ -121,7 +121,7 @@
121
121
  "color": {
122
122
  "$value": {
123
123
  "default": "{color.orange.500}",
124
- "dark": "{color.orange.400}"
124
+ "dark": "{color.orange.300}"
125
125
  },
126
126
  "$type": "color",
127
127
  "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item."
@@ -153,7 +153,7 @@
153
153
  "color": {
154
154
  "$value": {
155
155
  "default": "{color.red.500}",
156
- "dark": "{color.red.400}"
156
+ "dark": "{color.red.300}"
157
157
  },
158
158
  "$type": "color",
159
159
  "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition."