@inera/ids-design 7.1.1 → 7.1.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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/themes/1177/1177.css +8 -0
  3. package/themes/1177-pro/1177-pro.css +8 -0
  4. package/themes/inera/inera.css +8 -0
  5. package/themes/inera-admin/inera-admin.css +8 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "7.1.1",
4
+ "version": "7.1.2",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/themes/1177/1177.css CHANGED
@@ -3643,6 +3643,8 @@ body.ids {
3643
3643
  .ids button.ids-button.ids-button--active {
3644
3644
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3645
3645
  box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
3646
+ outline: var(--IDS-FOCUS__OUTLINE);
3647
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3646
3648
  }
3647
3649
  .ids .ids-button:focus,
3648
3650
  .ids-button:focus,
@@ -3706,6 +3708,8 @@ body.ids {
3706
3708
  .ids button.ids-button.ids-button--secondary:active {
3707
3709
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3708
3710
  color: var(--IDS-COLOR-NEUTRAL-100);
3711
+ outline: var(--IDS-FOCUS__OUTLINE);
3712
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3709
3713
  }
3710
3714
  .ids .ids-button.ids-button--secondary:focus,
3711
3715
  .ids-button.ids-button--secondary:focus,
@@ -3757,6 +3761,8 @@ body.ids {
3757
3761
  color: var(--IDS-COLOR-NEUTRAL-100);
3758
3762
  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
3759
3763
  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3764
+ outline: var(--IDS-FOCUS__OUTLINE);
3765
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3760
3766
  }
3761
3767
  .ids .ids-button.ids-button--tertiary:focus,
3762
3768
  .ids-button.ids-button--tertiary:focus,
@@ -3840,6 +3846,8 @@ body.ids {
3840
3846
  .ids button.ids-button.ids-button--icon.ids-button--active {
3841
3847
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3842
3848
  color: var(--IDS-COLOR-NEUTRAL-100);
3849
+ outline: var(--IDS-FOCUS__OUTLINE);
3850
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3843
3851
  }
3844
3852
  .ids .ids-button.ids-button--icon:focus,
3845
3853
  .ids-button.ids-button--icon:focus,
package/themes/1177-pro/1177-pro.css CHANGED
@@ -3643,6 +3643,8 @@ body.ids {
3643
3643
  .ids button.ids-button.ids-button--active {
3644
3644
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3645
3645
  box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
3646
+ outline: var(--IDS-FOCUS__OUTLINE);
3647
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3646
3648
  }
3647
3649
  .ids .ids-button:focus,
3648
3650
  .ids-button:focus,
@@ -3706,6 +3708,8 @@ body.ids {
3706
3708
  .ids button.ids-button.ids-button--secondary:active {
3707
3709
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3708
3710
  color: var(--IDS-COLOR-NEUTRAL-100);
3711
+ outline: var(--IDS-FOCUS__OUTLINE);
3712
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3709
3713
  }
3710
3714
  .ids .ids-button.ids-button--secondary:focus,
3711
3715
  .ids-button.ids-button--secondary:focus,
@@ -3757,6 +3761,8 @@ body.ids {
3757
3761
  color: var(--IDS-COLOR-NEUTRAL-100);
3758
3762
  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
3759
3763
  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3764
+ outline: var(--IDS-FOCUS__OUTLINE);
3765
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3760
3766
  }
3761
3767
  .ids .ids-button.ids-button--tertiary:focus,
3762
3768
  .ids-button.ids-button--tertiary:focus,
@@ -3840,6 +3846,8 @@ body.ids {
3840
3846
  .ids button.ids-button.ids-button--icon.ids-button--active {
3841
3847
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3842
3848
  color: var(--IDS-COLOR-NEUTRAL-100);
3849
+ outline: var(--IDS-FOCUS__OUTLINE);
3850
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3843
3851
  }
3844
3852
  .ids .ids-button.ids-button--icon:focus,
3845
3853
  .ids-button.ids-button--icon:focus,
package/themes/inera/inera.css CHANGED
@@ -3670,6 +3670,8 @@ body.ids {
3670
3670
  .ids button.ids-button.ids-button--active {
3671
3671
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3672
3672
  box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
3673
+ outline: var(--IDS-FOCUS__OUTLINE);
3674
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3673
3675
  }
3674
3676
  .ids .ids-button:focus,
3675
3677
  .ids-button:focus,
@@ -3733,6 +3735,8 @@ body.ids {
3733
3735
  .ids button.ids-button.ids-button--secondary:active {
3734
3736
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3735
3737
  color: var(--IDS-COLOR-NEUTRAL-100);
3738
+ outline: var(--IDS-FOCUS__OUTLINE);
3739
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3736
3740
  }
3737
3741
  .ids .ids-button.ids-button--secondary:focus,
3738
3742
  .ids-button.ids-button--secondary:focus,
@@ -3784,6 +3788,8 @@ body.ids {
3784
3788
  color: var(--IDS-COLOR-NEUTRAL-100);
3785
3789
  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
3786
3790
  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3791
+ outline: var(--IDS-FOCUS__OUTLINE);
3792
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3787
3793
  }
3788
3794
  .ids .ids-button.ids-button--tertiary:focus,
3789
3795
  .ids-button.ids-button--tertiary:focus,
@@ -3867,6 +3873,8 @@ body.ids {
3867
3873
  .ids button.ids-button.ids-button--icon.ids-button--active {
3868
3874
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3869
3875
  color: var(--IDS-COLOR-NEUTRAL-100);
3876
+ outline: var(--IDS-FOCUS__OUTLINE);
3877
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3870
3878
  }
3871
3879
  .ids .ids-button.ids-button--icon:focus,
3872
3880
  .ids-button.ids-button--icon:focus,
package/themes/inera-admin/inera-admin.css CHANGED
@@ -3670,6 +3670,8 @@ body.ids {
3670
3670
  .ids button.ids-button.ids-button--active {
3671
3671
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3672
3672
  box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
3673
+ outline: var(--IDS-FOCUS__OUTLINE);
3674
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3673
3675
  }
3674
3676
  .ids .ids-button:focus,
3675
3677
  .ids-button:focus,
@@ -3733,6 +3735,8 @@ body.ids {
3733
3735
  .ids button.ids-button.ids-button--secondary:active {
3734
3736
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3735
3737
  color: var(--IDS-COLOR-NEUTRAL-100);
3738
+ outline: var(--IDS-FOCUS__OUTLINE);
3739
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3736
3740
  }
3737
3741
  .ids .ids-button.ids-button--secondary:focus,
3738
3742
  .ids-button.ids-button--secondary:focus,
@@ -3784,6 +3788,8 @@ body.ids {
3784
3788
  color: var(--IDS-COLOR-NEUTRAL-100);
3785
3789
  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
3786
3790
  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3791
+ outline: var(--IDS-FOCUS__OUTLINE);
3792
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3787
3793
  }
3788
3794
  .ids .ids-button.ids-button--tertiary:focus,
3789
3795
  .ids-button.ids-button--tertiary:focus,
@@ -3867,6 +3873,8 @@ body.ids {
3867
3873
  .ids button.ids-button.ids-button--icon.ids-button--active {
3868
3874
  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
3869
3875
  color: var(--IDS-COLOR-NEUTRAL-100);
3876
+ outline: var(--IDS-FOCUS__OUTLINE);
3877
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3870
3878
  }
3871
3879
  .ids .ids-button.ids-button--icon:focus,
3872
3880
  .ids-button.ids-button--icon:focus,