sag_components 2.0.0-beta277 → 2.0.0-beta278

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/dist/index.esm.js CHANGED
@@ -37021,104 +37021,104 @@ const LoadingText = styled.span`
37021
37021
  const rotation = keyframes`
37022
37022
  0%, 100% {
37023
37023
  box-shadow:
37024
- 0px -8.32px 0px 0px #1F7677,
37025
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.2),
37026
- 8px 0px 0 0px rgba(31, 118, 119,0.2),
37027
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.2),
37028
- 0px 8px 0 0px rgba(31, 118, 119,0.2),
37029
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.2),
37030
- -8.32px 0px 0 0px rgba(31, 118, 119,0.5),
37031
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.7);
37024
+ 0px -16.64px 0px 0px #1F7677,
37025
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.2),
37026
+ 16px 0px 0 0px rgba(31, 118, 119,0.2),
37027
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.2),
37028
+ 0px 16px 0 0px rgba(31, 118, 119,0.2),
37029
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.2),
37030
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.5),
37031
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.7);
37032
37032
  }
37033
37033
 
37034
37034
  12.5% {
37035
37035
  box-shadow:
37036
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.7),
37037
- 5.76px -5.76px 0 0px #1F7677,
37038
- 8px 0px 0 0px rgba(31, 118, 119,0.2),
37039
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.2),
37040
- 0px 8px 0 0px rgba(31, 118, 119,0.2),
37041
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.2),
37042
- -8.32px 0px 0 0px rgba(31, 118, 119,0.2),
37043
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.5);
37036
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.7),
37037
+ 11.52px -11.52px 0 0px #1F7677,
37038
+ 16px 0px 0 0px rgba(31, 118, 119,0.2),
37039
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.2),
37040
+ 0px 16px 0 0px rgba(31, 118, 119,0.2),
37041
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.2),
37042
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.2),
37043
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.5);
37044
37044
  }
37045
37045
 
37046
37046
  25% {
37047
37047
  box-shadow:
37048
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.5),
37049
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.7),
37050
- 8px 0px 0 0px #1F7677,
37051
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.2),
37052
- 0px 8px 0 0px rgba(31, 118, 119,0.2),
37053
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.2),
37054
- -8.32px 0px 0 0px rgba(31, 118, 119,0.2),
37055
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.2);
37048
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.5),
37049
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.7),
37050
+ 16px 0px 0 0px #1F7677,
37051
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.2),
37052
+ 0px 16px 0 0px rgba(31, 118, 119,0.2),
37053
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.2),
37054
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.2),
37055
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.2);
37056
37056
  }
37057
37057
 
37058
37058
  37.5% {
37059
37059
  box-shadow:
37060
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.2),
37061
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.5),
37062
- 8px 0px 0 0px rgba(31, 118, 119,0.7),
37063
- 5.6px 5.6px 0 0px #1F7677,
37064
- 0px 8px 0 0px rgba(31, 118, 119,0.2),
37065
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.2),
37066
- -8.32px 0px 0 0px rgba(31, 118, 119,0.2),
37067
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.2);
37060
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.2),
37061
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.5),
37062
+ 16px 0px 0 0px rgba(31, 118, 119,0.7),
37063
+ 11.2px 11.2px 0 0px #1F7677,
37064
+ 0px 16px 0 0px rgba(31, 118, 119,0.2),
37065
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.2),
37066
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.2),
37067
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.2);
37068
37068
  }
37069
37069
 
37070
37070
  50% {
37071
37071
  box-shadow:
37072
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.2),
37073
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.2),
37074
- 8px 0px 0 0px rgba(31, 118, 119,0.5),
37075
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.7),
37076
- 0px 8px 0 0px #1F7677,
37077
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.2),
37078
- -8.32px 0px 0 0px rgba(31, 118, 119,0.2),
37079
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.2);
37072
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.2),
37073
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.2),
37074
+ 16px 0px 0 0px rgba(31, 118, 119,0.5),
37075
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.7),
37076
+ 0px 16px 0 0px #1F7677,
37077
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.2),
37078
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.2),
37079
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.2);
37080
37080
  }
37081
37081
 
37082
37082
  62.5% {
37083
37083
  box-shadow:
37084
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.2),
37085
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.2),
37086
- 8px 0px 0 0px rgba(31, 118, 119,0.2),
37087
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.5),
37088
- 0px 8px 0 0px rgba(31, 118, 119,0.7),
37089
- -5.76px 5.76px 0 0px #1F7677,
37090
- -8.32px 0px 0 0px rgba(31, 118, 119,0.2),
37091
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.2);
37084
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.2),
37085
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.2),
37086
+ 16px 0px 0 0px rgba(31, 118, 119,0.2),
37087
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.5),
37088
+ 0px 16px 0 0px rgba(31, 118, 119,0.7),
37089
+ -11.52px 11.52px 0 0px #1F7677,
37090
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.2),
37091
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.2);
37092
37092
  }
37093
37093
 
37094
37094
  75% {
37095
37095
  box-shadow:
37096
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.2),
37097
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.2),
37098
- 8px 0px 0 0px rgba(31, 118, 119,0.2),
37099
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.2),
37100
- 0px 8px 0 0px rgba(31, 118, 119,0.5),
37101
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.7),
37102
- -8.32px 0px 0 0px #1F7677,
37103
- -5.76px -5.76px 0 0px rgba(31, 118, 119,0.2);
37096
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.2),
37097
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.2),
37098
+ 16px 0px 0 0px rgba(31, 118, 119,0.2),
37099
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.2),
37100
+ 0px 16px 0 0px rgba(31, 118, 119,0.5),
37101
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.7),
37102
+ -16.64px 0px 0 0px #1F7677,
37103
+ -11.52px -11.52px 0 0px rgba(31, 118, 119,0.2);
37104
37104
  }
37105
37105
 
37106
37106
  87.5% {
37107
37107
  box-shadow:
37108
- 0px -8.32px 0px 0px rgba(31, 118, 119,0.2),
37109
- 5.76px -5.76px 0 0px rgba(31, 118, 119,0.2),
37110
- 8px 0px 0 0px rgba(31, 118, 119,0.2),
37111
- 5.6px 5.6px 0 0px rgba(31, 118, 119,0.2),
37112
- 0px 8px 0 0px rgba(31, 118, 119,0.2),
37113
- -5.76px 5.76px 0 0px rgba(31, 118, 119,0.5),
37114
- -8.32px 0px 0 0px rgba(31, 118, 119,0.7),
37115
- -5.76px -5.76px 0 0px #1F7677;
37108
+ 0px -16.64px 0px 0px rgba(31, 118, 119,0.2),
37109
+ 11.52px -11.52px 0 0px rgba(31, 118, 119,0.2),
37110
+ 16px 0px 0 0px rgba(31, 118, 119,0.2),
37111
+ 11.2px 11.2px 0 0px rgba(31, 118, 119,0.2),
37112
+ 0px 16px 0 0px rgba(31, 118, 119,0.2),
37113
+ -11.52px 11.52px 0 0px rgba(31, 118, 119,0.5),
37114
+ -16.64px 0px 0 0px rgba(31, 118, 119,0.7),
37115
+ -11.52px -11.52px 0 0px #1F7677;
37116
37116
  }
37117
37117
  `;
37118
37118
  const Loader = styled.span`
37119
- font-size: 10px;
37120
- width: 4px;
37121
- height: 4px;
37119
+ font-size: 30px;
37120
+ width: 8px;
37121
+ height: 8px;
37122
37122
  border-radius: 50%;
37123
37123
  position: relative;
37124
37124
  text-indent: -9999em;