@datarobot/design-system 28.8.2 → 28.8.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarobot/design-system",
3
- "version": "28.8.2",
3
+ "version": "28.8.3",
4
4
  "description": "DataRobot react components library",
5
5
  "scripts": {
6
6
  "build": "node ../../tools/build-lib.js",
package/styles/index.css CHANGED
@@ -407,6 +407,7 @@
407
407
  /*#region FileUploader component */
408
408
  --file-uploader-border-color: #53585B;
409
409
  --file-uploader-border-hover-color: #53585B;
410
+ --file-uploader-border-width: 0.125rem;
410
411
  --file-uploader-icon-color: #81868A;
411
412
  --file-uploader-on-drag-background: #252B2F;
412
413
  --file-uploader-on-drag-border-color: #ff8326;
@@ -5785,6 +5786,14 @@ button.highlighted-badge.apple:active:not(:disabled),
5785
5786
  .breadcrumbs .breadcrumb-item-trigger .selected-item svg {
5786
5787
  flex-shrink: 0;
5787
5788
  }
5789
+ .breadcrumbs .breadcrumb-item-trigger:hover .selected-item,
5790
+ .breadcrumbs .breadcrumb-item-trigger:focus:not(:focus-visible) .selected-item,
5791
+ .breadcrumbs .breadcrumb-item-trigger:active .selected-item,
5792
+ .breadcrumbs .breadcrumb-item-trigger:hover .trigger-chevron-down,
5793
+ .breadcrumbs .breadcrumb-item-trigger:focus:not(:focus-visible) .trigger-chevron-down,
5794
+ .breadcrumbs .breadcrumb-item-trigger:active .trigger-chevron-down {
5795
+ color: var(--breadcrumb-item-trigger-hover-color);
5796
+ }
5788
5797
  .breadcrumbs-dropdown-content {
5789
5798
  max-width: 23.75rem;
5790
5799
  }
@@ -9014,7 +9023,7 @@ td.rdtYear {
9014
9023
  min-height: 4.125rem;
9015
9024
  margin-bottom: 0.75rem;
9016
9025
  background-color: var(--file-uploader-input-background-color);
9017
- border: 0.125rem dashed var(--file-uploader-border-color);
9026
+ border: var(--file-uploader-border-width) dashed var(--file-uploader-border-color);
9018
9027
  border-radius: var(--file-uploader-border-radius);
9019
9028
  box-sizing: border-box;
9020
9029
  }
@@ -9030,11 +9039,11 @@ td.rdtYear {
9030
9039
  border: var(--file-uploader-expanded-has-file-border);
9031
9040
  }
9032
9041
  .file-uploader .file-uploader-input.expanded-has-file.error {
9033
- border: 0.125rem dashed var(--file-uploader-border-color-error);
9042
+ border: var(--file-uploader-border-width) dashed var(--file-uploader-border-color-error);
9034
9043
  }
9035
9044
  .file-uploader .file-uploader-input:hover {
9036
9045
  background: var(--file-uploader-input-hover-background);
9037
- border: 0.125rem dashed var(--file-uploader-border-hover-color);
9046
+ border: var(--file-uploader-border-width) dashed var(--file-uploader-border-hover-color);
9038
9047
  }
9039
9048
  .file-uploader .file-uploader-input:hover .file-uploader-drop-section .file-uploader-description {
9040
9049
  color: var(--file-uploader-description-hover-color);
@@ -9105,14 +9114,14 @@ td.rdtYear {
9105
9114
  display: none;
9106
9115
  }
9107
9116
  .file-uploader .file-uploader-input.disabled {
9108
- border: 0.125rem dashed var(--file-uploader-disabled-border-color);
9117
+ border: var(--file-uploader-border-width) dashed var(--file-uploader-disabled-border-color);
9109
9118
  cursor: not-allowed;
9110
9119
  }
9111
9120
  .file-uploader .file-uploader-input.disabled:hover {
9112
9121
  background: var(--file-uploader-input-background-color);
9113
9122
  }
9114
9123
  .file-uploader .file-uploader-input.error {
9115
- border: 0.125rem dashed var(--file-uploader-border-color-error);
9124
+ border: var(--file-uploader-border-width) dashed var(--file-uploader-border-color-error);
9116
9125
  }
9117
9126
  .file-uploader .file-uploader-input .file-uploader-accepted-files {
9118
9127
  display: flex;
@@ -9129,7 +9138,7 @@ td.rdtYear {
9129
9138
  }
9130
9139
  .file-uploader .file-uploader-input.file-uploader-input-on-drag {
9131
9140
  background: var(--file-uploader-on-drag-background);
9132
- border: 0.125rem dashed var(--file-uploader-on-drag-border-color);
9141
+ border: var(--file-uploader-border-width) dashed var(--file-uploader-on-drag-border-color);
9133
9142
  }
9134
9143
  .file-uploader .file-uploader-input.file-uploader-input-on-drag .file-uploader-description {
9135
9144
  color: var(--file-uploader-description-hover-color);