@datarobot/design-system 28.3.3 → 28.3.4

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