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