@datarobot/design-system 28.3.1 → 28.3.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarobot/design-system",
3
- "version": "28.3.1",
3
+ "version": "28.3.2",
4
4
  "description": "DataRobot react components library",
5
5
  "scripts": {
6
6
  "build": "node ../../tools/build-lib.js",
package/styles/index.css CHANGED
@@ -926,6 +926,8 @@
926
926
  /* REACT COMPONENT MIXINS */
927
927
  .sr-only {
928
928
  position: absolute;
929
+ top: 0;
930
+ left: 0;
929
931
  height: 0.0625rem;
930
932
  width: 0.0625rem;
931
933
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3629,11 +3631,9 @@ popout[data-popper-placement^='right']::after,
3629
3631
  }
3630
3632
  .checkbox {
3631
3633
  /* Hide native checkbox, but keep it focusable */
3632
- height: 0;
3633
- width: 0;
3634
- margin: 0;
3635
- clip: rect(0 0 0 0);
3636
3634
  position: absolute;
3635
+ top: 0;
3636
+ left: 0;
3637
3637
  height: 0.0625rem;
3638
3638
  width: 0.0625rem;
3639
3639
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3790,14 +3790,21 @@ popout[data-popper-placement^='right']::after,
3790
3790
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/radio-button/radio-button.less ***!
3791
3791
  \******************************************************************************************************************************************************************************************************************************************************/
3792
3792
  .radiobutton {
3793
+ /* Hide native radiobutton, but keep it focusable */
3793
3794
  position: absolute;
3794
- height: 0;
3795
- width: 0;
3796
- margin: 0;
3795
+ top: 0;
3796
+ left: 0;
3797
+ height: 0.0625rem;
3798
+ width: 0.0625rem;
3799
+ /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
3800
+ margin: -0.0625rem;
3797
3801
  padding: 0;
3802
+ white-space: nowrap;
3798
3803
  border: 0;
3804
+ clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
3805
+ -webkit-clip-path: inset(50%);
3806
+ clip-path: inset(50%);
3799
3807
  overflow: hidden;
3800
- clip: rect(0 0 0 0);
3801
3808
  }
3802
3809
  .radiobutton + label {
3803
3810
  position: relative;
@@ -5798,13 +5805,19 @@ button.highlighted-badge.apple:active:not(:disabled),
5798
5805
  .chart-legend-item input.chart-legend-item-checkbox {
5799
5806
  /* Hide native checkbox, but keep it focusable */
5800
5807
  position: absolute;
5801
- height: 0;
5802
- width: 0;
5803
- margin: 0;
5808
+ top: 0;
5809
+ left: 0;
5810
+ height: 0.0625rem;
5811
+ width: 0.0625rem;
5812
+ /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
5813
+ margin: -0.0625rem;
5804
5814
  padding: 0;
5815
+ white-space: nowrap;
5805
5816
  border: 0;
5817
+ clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
5818
+ -webkit-clip-path: inset(50%);
5819
+ clip-path: inset(50%);
5806
5820
  overflow: hidden;
5807
- clip: rect(0 0 0 0);
5808
5821
  }
5809
5822
  .chart-legend-item input.chart-legend-item-checkbox + label {
5810
5823
  cursor: pointer;
@@ -10797,13 +10810,19 @@ button:hover.active.pill {
10797
10810
  .tabgroup .tabgroup-tab {
10798
10811
  /* 1. hide native input */
10799
10812
  position: absolute;
10800
- height: 0;
10801
- width: 0;
10802
- margin: 0;
10813
+ top: 0;
10814
+ left: 0;
10815
+ height: 0.0625rem;
10816
+ width: 0.0625rem;
10817
+ /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
10818
+ margin: -0.0625rem;
10803
10819
  padding: 0;
10820
+ white-space: nowrap;
10804
10821
  border: 0;
10822
+ clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
10823
+ -webkit-clip-path: inset(50%);
10824
+ clip-path: inset(50%);
10805
10825
  overflow: hidden;
10806
- clip: rect(0 0 0 0);
10807
10826
  }
10808
10827
  .tabgroup .tabgroup-tab:focus-visible + label {
10809
10828
  outline: var(--focus-outline-color) solid 0.0625rem;
@@ -12141,6 +12160,8 @@ table.simple-table.sublevel tr td {
12141
12160
  fill: var(--react-table-header-text-color);
12142
12161
  border-left: 0.0625rem solid var(--react-table-header-border);
12143
12162
  position: absolute;
12163
+ top: 0;
12164
+ left: 0;
12144
12165
  height: 0.0625rem;
12145
12166
  width: 0.0625rem;
12146
12167
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -13154,13 +13175,19 @@ table.simple-table.sublevel tr td {
13154
13175
  .toggle {
13155
13176
  /* Hide native checkbox, but keep it focusable */
13156
13177
  position: absolute;
13157
- height: 0;
13158
- width: 0;
13159
- margin: 0;
13178
+ top: 0;
13179
+ left: 0;
13180
+ height: 0.0625rem;
13181
+ width: 0.0625rem;
13182
+ /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
13183
+ margin: -0.0625rem;
13160
13184
  padding: 0;
13185
+ white-space: nowrap;
13161
13186
  border: 0;
13187
+ clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
13188
+ -webkit-clip-path: inset(50%);
13189
+ clip-path: inset(50%);
13162
13190
  overflow: hidden;
13163
- clip: rect(0 0 0 0);
13164
13191
  /* Represents the only visible element of toggle */
13165
13192
  /* Represents knob area */
13166
13193
  /* Represents actual knob that changes position when checked/unchecked */